用户注册登录块模设计.ppt

第14章 用户注册登录模块设计——数据连接的建立 动态网页设计教程——美工与技术 第14章 用户注册登录模块设计——数据连接的建立 用户登录及管理是任何功能网站应用程序中必备的功能，是系统安全的重要组成部分，本章介绍用户注册登录模块的设计。 第14章 用户注册登录模块设计——数据连接的建立 14.1 用户界面的设计 用户注册登录功能是任何功能性网站应用程序的必要组成部分，因此用户注册登录界面也必然是网页美工设计课题。 14.1.1 美工的界面设计 网页登录的界面中一般提供用户名和密码的输入框、登录和注册按钮等选项，如图所示是作者主持设计并开发主持的一个网络办公自动化系统的界面。 14.1.1 美工的界面设计 网易邮箱登录的界面提供了简洁的造型，将用户名、密码、登录等清晰地展示出来。从美工设计而言，可以采用满版式的登录页面，也可以加入到网页中，形成登录版块。除了整体的界面效果外，文本框与按钮的设计往往成为设计的焦点。 14.1.1 美工的界面设计 注册界面中一般包含用户名、密码之类的一些信息输入项与性别之类的选择项，用于获取用户的信息。其中，用户名和密码是必备的内容，在设计时可根据情况进行分类，如基本信息、其他信息等，并将必填的信息加以标识，通常用红色*表示，网易邮箱注册的界面。在设计注册界面时，往往需要注意的是界面的清晰美观、层次清楚，而切忌用大量的图片和动画效果。 14.1.2 技术如何实现 对于注册界面，技术实现主要是采用在表格布局的基础上安排控件，然后用CSS样式控制界面的美工，对于满版的登录界面，可以采用背景图片的方式，再用表格安排登录控件，也可以采用切片的方式，进行布局。其中按钮的设计可以用ImageButton控件实现，也可以通过CSS样式修改普通按钮进行更改。 14.2 数据库的设计 根据需求进行数据库的设计，新建数据库UserDB，在数据库中新建表格users用来存放用户信息，其中用户名（username）和密码（password）是必备的字段。选择表分支，单击鼠标右键，新建表。 设计指导：输入ID字段名后，选择数据类型为int，在列属性中，设置标识规范为是，这样该字段就能够自动编号（即第一条记录ID值为1，每增加一条记录，ID值自动加1），从而能够可以作为记录的识别编号。单击工具栏中的设置为主键按钮 ，将该字段作为主键，这样能够提高数据检索的速度，后面表的设计中同样参考这种思路。 14.2 数据库的设计 14.3 用户注册设计 用户注册功能的设计主要包括注册界面的设计、用户信息的合法性检查、重名的检测和用户数据的插入数据库操作。 14.3.1 用户注册界面设计 首先在D盘新建网站myaspnet-6。打开Default.aspx网页，切换到设计视图，输入响应的文字，拖动相应的控件到界面中，设计效果。 14.3.2 用户信息的提交 在用户注册中，我们先实现注册的基本功能，即把用户信息插入到数据库中。这里先实现插入记录操作，而不做信息合法性验证，验证部分在后面的程序设计中逐步完善。双击注册按钮，进入程序代码视图中，首先在引用部分添加对数据库命名空间的引用： using System.Data.SqlClient; //调用数据库命名空间 然后在按钮的Button1_Click事件中编写注册代码，主要是进行数据库连接，获取用户信息，定义SQL语句， 执行SQL命令，显示提示信息，程序代码如下： 14.3.2 用户信息的提交 protected void Button1_Click(object sender, EventArgs e) { //定义连接字符串 String constr = server=(local);database=UserDB;User ID=sa;pwd=111111;; //定义连接对象 SqlConnection conn = new SqlConnection(constr); //打开连接 conn.Open(); //定义性别 String sex = 男; //判断性别选项 14.3.2 用户信息的提交 if (RadioButton2.Checked) sex = 女; //定义sql语句 String sqlstr = insert into Users(UserName,Password,Name,Sex,Email) values( + TextBox1.Text + , + TextBox2.Text + , + sex + , + Tex