1、3网站分析与配置3.1网站分析3.1.1开发工具的选择网站开发工具是数据仓库,ASP,IIS,访问。本网站的运行环境应用:Windows XP、IE5.0。3.1.3 数据库的选择论坛利用数据库的访问,这是小型的关系型数据库管理系统,因为其速率快,体积小,整体具有本钱低,开放源代码简单的特征,被普遍应用在中小网站。3.2网站配置3.2.1安装IIS(1)在开始菜单中,选择设置“添加或删除程序”控制面板命令,选择“添加/删除组件”。(2)在“Windows组件向导”中,选择“互联网信息服务”项目,请单击“详细信息”按钮,取消SMTP服务选项,请单击“确定”。(3)继续单击“下一步”按钮,弹出“所
2、需文件”对话框,单击“浏览”按钮,选择“Windows XP Professional sp3 IIS5.1路径”包,确定。3.2.2设置站点和虚拟目录(1)在“开始”菜单中,选择“设置”“控制面板”“管理工具”“Internet信息服务”指令,打开“Internet信息服务”窗口。(2)打开“本地计算机”,“网站”,右键单击“默认网站”,选择“新建”“虚拟目录”,命名为class,在“目录”中选择要发布到网站上的内容的位置D:/biyesheji。4 网站设计与实现4.1网站结构流程图图4-1 网站结构流程图4.2数据库逻辑结构设计创建表UserLogin。创建表结构数据库中userlogi
3、n数据库的描述信息,如表4-1所示。设计完毕,打开UserLogin,输入数据,详细资料见UserLogin。表4-1 UserLogin表结构编号字段名称数据类型字段大小字段描述1ID自动编号长整型主键2UName文本10用户名称3UPass6用户密码4Email50联系人邮箱5QQ数字长整形联系人QQSex联系人性别7Tel联系人电话8Address联系人地址9Birthday日期/时间出生年月创建表board。在database中创建board,表结构描述信息如表4-2所示。表4-2 board表结构说明留言编号Subject标题Author作者E-mail电子邮箱Time留言时间Con
4、tent备注留言内容建立表rpost。在数据库database中创建repost,表结构描述信息如表4-3所示。表4-3 rpost表结构R_id回复编号R_name回复人名称R_content留言回复内容R_time留言回复时间id建立表AdminLogin。在数据库database中创建表结构描述信息的AdminLogin数据库,信息如表4-4所示。表4-4 rpost表结构Aname20APassword4.3用户登陆模块在index.asp文件中设计编辑网站首页。运用静态网页知识并且使用Div+CSS进行布局。用Photoshop、Flash等软件制作网站logo、背景图片、背景动画等
5、,在网页设计中完成首页登陆模块的静态设计。创建数据库及数据库连接。选择“文件”“数据库”,选择“自定义连接字符串”选项。即可弹出对话框,在“连接名称”文本框里输入conn,“连接字符串”文本框里输入代码:“provider=microsof.jet.oledb.4.0;datasource=”&serever.mappath(“/class/database/data.mdb”)。设置完毕,并确保参数正确,单击“确定”按钮,即可连接成功。编辑制作页面的基本布局,如图4-2所示:图4-2 用户登陆界面首页左侧有用户登陆信息模块。用户想进入网站就必须首先进行用户身份验证进行登陆。输入用户名、密码后
6、点击“登陆”按钮将信息提交到数据库处理,数据库判断该用户是否合法。登陆时,数据库自动检验用户输入的用户名和密码,合法时会被提交,否则为非法用户的提醒。用户名和密码验证成功后,跳转到成功登陆页面,如图4-3所示:图4-3登陆成功界面用户名和密码验证失败后,跳转到登陆失败页面,如图4-4所示:图4-4登陆失败界面处理程序部分代码如下所示:打开首页文件index.asp,在“登录区域”的表单中添加一个模块,加入显示登录成功的“欢迎界面”,代码如下:%=Session(“MM_Username”)% 您好!欢迎观临注销修改密码/span(2)修改服务器行为“登录用户”自动生成的代码,修改后部
7、分代码显示如下:Response.Redirect(MM_redirectLoginSuccess)%script type=text/javascript login_table.style.display=none; login_success.style.display= % else MM_rsUser.Close Response.Redirect(MM_redirectLoginFailed) response.Write(scriptalert(非法用户)如果没有帐号,则点击“注册”,注册页面如图4-5所示:图4-5注册页面用户注册的信息提交到UserLogin数据表中,并将注册
8、信息保存到数据库中。script language=javascriptfunction check() if (document.form1.UName.value= alert(用户名为空!); form1.UName.focus(); return false if (document.form1.UPass.value=输入密码为空! form1.UPass.focus(); return false; if (document.form1.UPassOk.value=确认密码为空! form1.UPassOk.focus(); if (document.form1.UPass.val
9、ue!=document.form1.UPassOk.value)密码与确认密码不相同! if (document.form1.Email.value=邮箱为空! form1.Email.focus(); if (document.form1.tel.value=手机为空! form1.tel.focus(); if (document.form1.QQ.value=QQ为空! form1.QQ.focus(); return true;用户注册信息保存在一个名为UserLogin表数据中。“插入”,在弹出的“插入记录”的对话框里,填写相关参数,单击“确定”,用户注册信息将被保留于数据库中。如
10、图4-6所示:图4-6“插入记录”对话框为了检查新用户,必须为用户按钮添加onclick事件。进入index.asp代码窗口,手工添加“注册”的onclick事件,代码如下:input name=”button3” type=”submit” id=”button3” value=”注册”Onclick=”window.open(“files/register.asp”)”/4.4 留言板模块留言板模块分为三个子模块:留言发表m_add.asp页面,留言列表board.asp页面,留言管理asmin_liu.asp页面。其中留言发表页面是用户用来发表自己的留言,留言列表页面用来简单的列举大家的
11、留言,留言管理页面是管理员来管理大家所发布的留言。4.4.1显示留言创建board.asp留言页面。使用表格、查询记录集、绑定、记录集,服务器行为。在“记录集”中连接conn,并且选择排列顺序。页面效果如图4-7所示:图4-7 留言列表页面4.4.2设计详细页面由于留言列表页面只是简单的将用户留言列举出来,而为了方便大家可以知道每位同学的详细信息,我们就需要有详细的留言信息。这里详细留言信息主要使用了表格对页面的整体布局,通过使用对数据的绑定,实施创建记录集,逐一对每个字段进行绑定。设计界面如图4-8所示:图4-8 留言详细信息页面4.4.3发表留言要让每位同学都能看都留言,就需要将留言发布出
12、来。这里我们就需要创建留言的发布。利用总体布局形式布局信息发布界面,通过使用“服务器行为”面板里的 “任证”命令“限制对页的访问”。参数设置,“如果拒绝访问,转到“index.asp”。发表留言界面如图4-9所示:图4-9 发表留言页面4.5 网络通讯录模块该模块包括两个子模块:通讯录首页和查看详细信息。4.5.1显示联系人信息联系人列表是动态地根据数据库联系人记录降序排列生成的。设置连接conn,建立一个由conn连接指向UserLogin表的记录集。页面效果如图制作效果如图4-11所示:图4-10 通讯列表4.5.2显示联系人的详细信息用户单击查询的链接之后,就跳转到相应的通讯录的详细页面
13、。页面具体的信息包括姓名、性别、QQ、通讯地址等用户信息。通过设置参数“连接”后面为“conn”, “表格”参数为“UserLogin”, 打开“绑定”面板,打开一个记录集,页面绑定数据。页面浏览按F12键,如图4-11所示:图4-11 通讯录详细信息页面4.6相册模块制作页面,在站点文件夹新建命名为xiangce.asp的文件夹,使用div+css布局,在左侧加入一篇文章,主题部分添加一个flash相册。新建form表单。在form表单中添加一个模块,代码如下:span%= Session(MM_Username) %欢迎光临td width=308 height= align=center
14、 background=./images/admin_2.png欢迎管理员登录182./images/admin_3.pngadminManage.asp?name=usermanage注册用户管理156./images/admin_4.pngname=admin_liu留言管理163name=admin_tong通讯录管理退出4.7.3注册用户这部分主要是通过与数据库连接,实现对注册用户进行审核,对于那些没用通过审核的用户管理员可以进行删除。这部分包括两大部分。上方是总的导航条。下方左栏是使用CSS布局的页面,来显示用户的ID、用户名、密码以及管理员可以进行的操作“修改和删除”页面效果如图4
15、-16所示:图4-16 注册用户管理页面4.7.4留言管理这部分与前面注册用户管理界面制作使用的技术相同,通过连接数据库,通过读取表board的数据,来显示网站后台留言的信息管理,在这里拥有管理员权限的用户可以删除用户的留言。页面采用表格布局。效果如图4-17所示:图4-17 留言管理界面4.7.5通讯录管理这部分通过连接数据库,通过读取表UserLogin的数据,来显示网站后台通讯录的信息管理,包括姓名、性别、电话和管理员的操作“修改”。在这里管理员可以删除用户的通讯信息。并且使用添加服务器行为记录集分页,添加分页效果如图4-18所示:图4-18 通讯管理界面5总结 经过几各月时间的制作我的班级同学录网站基本上已经完成了,虽然我的班级同学录网站还有很多的不足之处,但是通过本次网站的制作,从纸面上的设计草图、使用专业软件进行页面布局的设计,到搜集和自己制作所需素材,再到自己动手开始制作,发现问题、解决问题等等过程中,让我了解和使用知识得到了更进一步的提升。只有不断地对知识进行运用,才能是自己的能力得到不断的提升,为自己以后的事业打下坚实的基础。ASP动态网站的构建,对脚本语言的要求较高,而自己的薄弱部分正是脚本语言。因此以后对脚本语言的编写应该下功夫,这应该是问题关键,对编程语言的不熟悉,做到多练习,试着多做一些小的项目,提高自己的经验。
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1