电子商务网站的设计与实现毕业设计..(3)

电子商务网站的设计与实现

（4）这样我们在MySQL数据库系统中就创建了一个eshop的数据连接，并在该连接下创建一个eshop数据库，并且能够建立所需的数据表，如图9所示。后期的操作中只要连接到该数据库，就可以直接对数据库中的数据表进行操作。

图9 所有的数据表

9

第4章 系统详细设计与实现

4.1 界面设计原则

界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面是用户与程序沟通的唯一途径，要能为用户提供方便有效的服务。用户界面设计的三大原则是：置界面于用户的控制之下、减少用户的记忆负担、保持界面的一致性。

4.2主要功能及界面的实现

本电子商务网站采用的是JSP[7]技术作为前端页面展现,由于每个模块的页面是不一样的，因此在设计页面时，要合理的安排，尽量使用户能够很快的熟悉本网站的主要功能，同时需要保持界面的简洁和一致性。 4.2.1前台子系统的设计与实现

（1）前台用户注册

对于本电子商务网站，未成功注册用户只能查看新闻公告，商品信息等，而不能进入系统使用其他的业务。用户需要办理注册手续，即进入注册页面，按要求输入有效的个人信息，如账户名、真实姓名、身份证号、邮箱等必要信息，如图10所示。

图10 用户注册 图11 用户登录

（2）前台用户登录

已成功注册用户只有登录系统才能执行其他业务操作，如图11所示，因此在登录界面输入账户名和密码，提交信息后，后台进行验证，若与数据库里存储的信息匹配，则可以成功登陆。

（3）前台新闻信息模块

当进入网站首页，则直接在右边的页面中浏览所有的公告信息，或者点击“首页”，则回到所有新闻信息显示页面，如图12所示。

10

电子商务网站的设计与实现

图12前台新闻信息模块

（4）前台用户信息模块

进入主界面后，当用户点击“会员信息”时，即进入“前台用户信息”子模块，此模块中显示了登陆用户的个人信息，用户可以修改个人信息，包括密码的修改等，如图13所示。

图13 前台用户信息模块

（5）前台商品信息模块

在主界面的左侧导航栏中（如“聚美优品”、“商品类别”、“品牌商家”等），则根据其下拉的选项点击查看不同的商品信息。在对应页面上方的查询输入框中，输入商品名称，则可查询所需的商品信息，如图14所示。

图14 前台商品信息模块

11

（6）前台购物车信息模块

当点击商品信息的操作栏中“加入购物车”链接时，则进入购物车信息模块。该页面上显示将加入购物车中的商品信息。当点击“购物车”时，则显示该用户下的购物车中的商品信息。当点击购物车列表里“删除”操作，则可删除购物车中对应的商品。在购物车列表页面的输入框中输入商品名称，显示所需的商品信息，如图15所示。

图15前台购物车信息模块

（7）前台订单信息模块

当点击商品列表的“生成订单”操作，如图14所示。或者点击购物车列表的“生成订单”操作，如图15所示时，则出现订单信息填写页面，输入订单信息，并通过验证，即完成订单添加操作；否则添加失败。点击“查看订单”操作，显示该用户下所有的订单信息。点击订单列表中的“删除”操作，则删除对应的商品订单。在订单列表的输入框中输入订单编号，则查询出所需的订单信息，如图16所示。

图16前台商品信息模块

（8）前台留言板信息模块

点击“留言栏”操作，显示所有的留言信息，如图17所示。用户可以添加留言信息，未登录用户添加留言时，出现需要用户登陆提示。

12

电子商务网站的设计与实现

图17 前台新闻信息模块

4.2.2后台子系统的设计与实现

（1）后台管理员登录

当管理员输入用户名和密码时，后台进行验证，若验证通过，则进入后台管理界面，若验证错误，则提示登陆失败信息，如图18所示。当管理员成功登陆到系统后，系统会跳转到如图19所示的后台主界面，从而完成后台的管理。

图18 前台新闻信息模块

图19 后台主界面

（2）后台管理员信息模块

当管理员成功登陆后，则进入后台管理界面，当点击左侧导航栏中“系统管理”下的“管理员信息”时，则显示管理员的个人信息，当点击“修改”时，则可以修改管理员的用户名和密码，如图20所示。

图20 后台管理员信息模块

13

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库电子商务网站的设计与实现毕业设计..(3)在线全文阅读。