木大百货网站设计
目 录
一、引言 1
（一）课题来源 1
（二）开发工具的选择 1
1.HTML5+CSS3技术 1
2.ASP.net技术 1
3.SQL server 1
（三）应解决的主要问题 1
二、网站概述 1
（一）网站需求分析 1
1.功能需求 1
2.数据需求 2
（二）网站功能概述 2
三、网站设计 2
（一）数据库设计 2
（二）数据表设计 3
1.零食信息表 3
2.家居用品信息表 3
3.人员信息管理表 3
4.学习用品信息表 4
（三）网站功能组织结构 4
（四）网站结构模块分析 5
1.网站首页 5
2.网站子页 5
四、网站实现 6
（一）用户浏览模块 6
1.网站首页 6
2.“关于我们”栏目的实现 7
3.“店长推荐详细内容”栏目的实现 8
4.“产品列表”栏目的实现 9
5.“产品详情”栏目的实现 10
6.购物车模块的实现 10
（二）网站后台管理模块 11
1.“添加新品”模块 11
2.管理员查找商品 13
3.管理员用户登录 14
五、总结 15
一、引言
（一）课题来源
现
*51今日免费论文网|www.jxszl.com +Q: ^351916072^
在网络上的购物网站越来越多，例如淘宝，京东，天猫，唯品会等大型购物网站，但是这些网站主要面向的是一些年轻人，而一些在社区中的老人很少人能够接受跨城购物，这些老人会觉得跨城购物不能及时的拿到物品，在运输过程中也会有一些问题，所以他们会很少去在网上购物。而“木大百货”刚好可以弥补这个不足，木大百货主打的就是线下购物线上同步的方案。主要面向的人群就是居住在社区中的老年人，这些老年人是购买百货的主力军，而通常这些老人会买一些柴米油盐等比较重的东西，从超市拎回家很不方便也存在一定的风险，所以“木大百货”推出了一项方案，用户可以在超市办理会员，然后在网上购物，同城客户当天就可以收到商品。
（二）开发工具的选择
1.HTML5+CSS3技术
木大百货网站主要基于HTML5+CSS3技术设计网站用户浏览页面，例如网站首页，关于我们页面等。
2.ASP.net技术
用.net开发网站后台管理端，用SQL server搭建数据库，前端读取、显示数据；后台进行数据增删改查等管理。
3.SQL server
SQL server搭建数据库,包括商品信息，用户信息，管理员信息，购物车信息。
（三）应解决的主要问题
网站的管理员可以管理用户的身份信息，可以查看产品的信息。用户可以通过网站浏览产品的相关信息，并可以登录网站购买产品。
二、网站概述
（一）网站需求分析
本网站是建设一个多功能的百货网站，主要是向用户提供百货商品的信息，商品的价格等，本网站就是要保证用户能够通过首页提供的优惠促销信息来查看商品的信息，和了解网站给予的优惠活动。本网站的主要功能包括：用户可以上网随意浏览网页，如果想要更深入的了解这个商品可以点击这个商品进入商品详情页面，并且选择合适的商品。管理员则可以对此网站进行适当的增加删除商品和查找商品。
1.功能需求
木大百货网站主要是面向用户和管理员，它主要需要实现的功能如下：
（1）对于用户：
用户只要有网络和可以浏览网页的设备，就可以随时随地的打开网页，浏览网页内容
用户可以查看最新上架的商品
用户可以查看店长推荐的商品
用户可以查看所有商品的图片
用户可以查看商品的详细信息
（2）对于管理员：
管理员可以查看所有的商品信息
管理员可以进行增加商品的操作
管理员可以进行删除商品的操作
管理员可以查找商品
2.数据需求
木大百货网站需要了解详细的商品的信息，包括商品的价格、图片、相关商品等，并将这些商品进行分类。还需要通过浏览一些相关网站去比较这些商品的详细信息，价格，选择一个合适的图片，价格和能够给予顾客的优惠折扣。
（二）网站功能概述
木大百货网站共有13个页面，在这些页面中具体主要实现了物品在数据库中的增加，删除以及查找这三个功能，以及一些页面上的特效。
对于用户来说，可以通过网站来了解木大百货的商品详情，商品列表，促销活动，新上架的商品，店主的推荐商品让客户可以足不出户的找到相要购买的商品。
在管理员的角度，可以通过后台数据库来实现商品的增加，删除，查找可以再后台添加一些商品到数据库中，让用户可以直接在前台页面上看到这些商品。
三、网站设计
（一）数据库设计
本系统使用Microsoft SQL Server Management Studio数据库管理系统，数据库名为baihuoweb.mdf，数据库中所包含的表及功能如表31所示。
表31 数据库汇总表
表
说明
功能
Food
零食信息表
零食的全部信息
Home
家居用品信息表
家居用品的全部信息
People
人员信息管理表
管理所有会员的管理员的信息
Study
学习用品信息表
学习用品的所有信息
Play
玩具信息表
玩具的所以信息
（二）数据表设计
原文链接：http://www.jxszl.com/jsj/wljs/49023.html
