web课程设计

淮海工学院计算机工程学院

课程设计报告

设计名称：web应用技术课程设计

姓名： *** 学号： ***

专业班级： ***

系（院）：计算机工程学院

设计时间：***

设计地点：*****

5. 软件使用说明

5.1 网站登录界面设计

在丁丁图书网的首页中，用户可以通过输入登录名和密码完成身份验证登录网站的主页。第一次访问本网站的用户可以点击注册，录入自己的相关信息注册一个属于自己的账户。运行效果如下图3所示。

图1 网站登录界面的运行结果

下面以列表形式给出前台页面各部分的说明信息，如表1所示。

表1 前台页面说明

区域名称说明对应文件

1 用户登录验证用户的登录名和密码Login.aspx

2 用户注册用户提供个人信息设置口令，生成个人账户Register.aspx

5.2 用户注册模块设计

在注册界面界面首先会检测用户输入的用户名是否重名，如果重名则会提示用户进行更改。然后，用户需要输入各项用户信息进行用户的注册。提交后将直接进入网站主界面

图2 用户注册界面运行效果图

5.3 图书浏览模块设计

新品上架模块也有两个入口，一个是网站导航条中的【新品上架】导航按钮，另一个是网站前台的居中位置，列出了商城中上架新品中的最新上市的4条图书信息，单击新品上架展区中的“More…”超链接可以进入到新品上架页面，在该页面中将列出商城中的全部上架新品。主要包括图书图片、名称、现价等信息。同时设置了【购买】按钮和【查看详细信息】按钮，分别用于将图书信息添加至购物车和查看图书详细信息。下面只以首页中的新品上架为例进行介绍。新品上架模块在网站首页中的设计效果如图5所示。

图3 新品上架模块在网站首页中的设计效果

5.4 图书上架模块设计

为了方便用户查询所需图书信息，在网站中设置了图书分类显示模块。在网站首页的右侧以树状菜单的形式列出了图书的大、小分类信息，用户单击大类别结点可以显示出该类的所有小类信息，单击小类结点可以进入到分类图书显示页面查看该类别的全部图书信息，在分类图书显示页面中，单击图书名称可以查看相应图书的详细信息。如果用户已经登录，还可以直接将图书信息添加至购物车中。图书分类模块的页面设计效果如图

6所示。

图4 图书分类模块的页面设计效果

5.5 修改密码模块设计

在前台的会员管理模块中主要包括会员注册、会员登录、会员资料修改3部分。由于会员资料修改同会员注册的实现方法类似，只是调用的SQL语句不同，所以此处只给出会员注册和会员登录进行介绍。

1．会员注册

会员注册的入口位于网站首页的左侧。用户单击【注册】按钮即可进入到会员注册页面，该页面的设计效果如图7所示。

图5 会员注册页面设计效果

5.6 购物车模块设计

用户可以将自己需要的图书加入购物车中暂存。同时，可以在购物车中勾选最终决定购买的图书进行支付结算。当然，由于结算牵扯到银行系统和各大支付软件。本项目组暂未完成本部分的开发。在后续的学习中我们会不断学习重视完善此部分的功能。

图6 销售排行页面设计效果