r 数据库中创建表.
22.3.2
数据表的创建
创建表可以通过 SQL Server Management Studio 视图进行创建也可以通过 SQL Server Management Studio 查询使用 SQL 语句进行创建,本书两者都介绍.这个模块的数据库设计比较简单,为了保存用 户信息,可以创建一个 Register 表并为数据库分析中的基本信息创建字段,如图 22-3 所示.
图 22-3
数据库表结构
正如图 22-3 中所示,表为用户的基本信息创建了字段,这些字段的意义分别为: id:用于标识用户的 ID 号,并为自动增长的主键. username:用于标识用户名. password:用于标识用户密码. sex:用于标识用户性别. picture:用于标识用户头像. IM:用于标识用户的 IM 信息,包括 QQ/MSN 等. information:用于标识用户的个性签名. others:用于标识用户的备注信息. ifisuser:用于标识用户是否为合法用户. 创建数据表的 SQL
查询语句代码如下所示.
USE [Register] GO 544
SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO CREATE TABLE [dbo].[Register]( [id] [int] IDENTITY(1,1) NOT NULL, [username] [nvarchar](50) COLLATE Chinese_PRC_CI_AS NULL, [pass
word] [nvarchar](50) COLLATE Chinese_PRC_CI_AS NULL, [sex] [int] NULL, [picture] [nvarchar](max) COLLATE Chinese_PRC_CI_AS NULL, [IM] [nvarchar](50) COLLATE Chinese_PRC_CI_AS NULL, [information] [nvarchar](max) COLLATE Chinese_PRC_CI_AS NULL, [others] [nvarchar](max) COLLATE Chinese_PRC_CI_AS NULL, [ifisuser] [int] NULL, CONSTRAINT [PK_Register] PRIMARY KEY CLUSTERED (
//创建数据库
[id] ASC )WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON,
ALLOW_PAGE_LOCKS = ON) ON [PRIMARY] ) ON [PRIMARY]
上述代码创建了一个数据库并将 ID 设为自动增长的主键,在用户注册时,可以不向该字段进行数 据操作.
22.4 界面设计
良好的界面设计是吸引用户的基本,在注册页面将页面设计的丰富多彩,可以吸引用户的注册和登 录,并提高回头率.在进行页面设计时,可以使用 CSS 也可以使用表格进行页面布局,相比之下 CSS 具有更高的灵活性.
22.4.1
基本界面
在进行页面布局前,只需要创建一个基本页面以满足应用程序的需求即可.注册模块需要一些基本 的控件,这些控件包括 TextBox 控件,Label 控件和按钮控件,示例代码见光盘中源代码\第 22 章 \22-1\22-1\Default.aspx 所示. 上述代码创建了一个头部信息层,一个注册信息层和一个底部信息层,这三个层分别负责头部图片 的显示,注册信息的样式控制和底部
版权说明,在没有 CSS 控制时,其效果如图 22-4 所示.
545
图 22-4
基本样式
在基本样式中,注册信息层使用表格进行排版,使用表格能够快速的进行页面的布局控制,表格同 样可以使用 CSS 进行样式控制.
22.4.2
创建 CSS
使用 CSS 进行网页布局能够极大的加强网页布局的灵活度, 同样在网页布局中也提高了代码的复用 性并将
HTML 页面代码与 CSS 代码相分离,CSS 页面代码如下所示.
body { font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; } .top { background:white url(top.png) no-repeat top center; height:200px; margin:0px auto; width:800px; } .register { margin:0px auto; width:800px; } .end { background:#f9fbfd; margin:0px auto; width:800px; text-align:center; padding:10px 10px 10px 10px; } //设置底部样式 //设置注册样式 //设置头部样式 //设置页面样式
在 CSS 页面文件样式编写完毕后,就需要在相应的页面进行引用,示例代码如下所示.
在使用了 CSS 文件后,页面样式如图 22-5 所示.
546
图 22-5
CSS 样式控制后的页面
上述页面在 CSS 的样式控制下显得非常的友好, 用户在进行注册时, 会感觉到应用
程序是在