asp.net|基于ASP.NET的Web酒品销售商城平台系统

【asp.net|基于ASP.NET的Web酒品销售商城平台系统】目录
第1章 概述 1
1.1初步整体构思 1
1.2原型设计 2
1.3数据收集 2
第2章 需求分析 3
2.1背景 3
2.2用例分析与业务描述 3
2.2.1游客用例图 3
2.2.2 店铺用户 4
2.2.3管理员用例图 4
第3章 概要设计 5
3.1功能结构图 5
3.2 E-R图 6
3.3 类图 7
3.4数据库设计 7
3.4.1商品表 7
3.4.2商品详情表 8
3.4.3购物车表 8
3.4.4用户表 9
第4章 页面设计与功能实现 10
4.1母版页 10
4.1.1页面设计 10
4.1.2页面实现步骤 10
4.1.3功能实现思路步骤 11
4.1.4功能实现步骤 11
4.2主页 12
4.2.1页面设计 12
4.2.2页面实现步骤 12
4.3商品详情页 13
4.3.1页面设计 13
4.3.2页面实现步骤 14
4.4商品分类显示页面 15
4.4.1页面设计 15
4.4.2页面实现步骤 15
4.4.3功能实现思路步骤 15
4.5商品搜索显示页面 16
4.5.1页面设计 16
4.5.2实现步骤 16
4.6技术分析 17
第5章 总结 18
参考文献 19
指导教师评语 20
附录: 主要源程序 21
1.1初步整体构思
此次课题要求使用asp.net Web仿照网店做一个网上商品销售平台。在选定以酒品店为题材后,参照了淘宝店铺保乐力加、汾酒官网、绝对伏特加等店铺后,我们先进行了功能分析,用Xmind做了一张初步的功能分析图。
先从注册登录入手,考虑到顾客和管理员的不同权限。顾客登陆后可以进入个人中心,查看购物车、订单和个人信息模块。管理员登陆以后,进入后台管理页面,可以浏览顾客信息,浏览商品库存,销售量,并经行更新、添加、下架商品操作。考虑不同的功能模块,数据关系,页面跳转,用户和管理员的不同身份。便于数据收据,数据库设计,页面设计。
1.2原型设计
课题第一周老师要求用原型工具Axure PR画出所有web页面内容。先学习了Axure的使用,然后参照淘宝店铺设计页面布局和风格。首页有明确的分类菜单,店铺logo,搜索框,注册登陆等。确定页面设计后,后期使用母版页统一风格、学习轮播图制作和菜单。
1.3数据收集
在完成页面设计后,根据商品分类,在淘宝店铺,收集不同类型的商品信息。例如图片、商品名称、价格等。并对商品图片分类,便于复制到项目类,并方便实用。使用excle表对商品分类排序显示,详细统计商品名称、价格等信息,便于后期数据库设计。
该项目主要为用户端和管理端。本文转载自http://www.biyezuopin.vip/onews.asp?id=15213用户端即用户使用模块,用户按照注册提示信息完成注册后,便可登陆进入首页。用户可以浏览所有商品信息,查看详情,点击加入购物车。或在搜索框内,输入喜欢或感兴趣的商品品牌或名称进行搜索,浏览搜索商品,进入详情页查看详情。管理端即后台管理,点击后台管理,系统首先判断用户是否登陆,如登陆则再次判断用户权限是否为管理员,若是管理员则可以进入,否则弹出您没有权限。管理员进入后,可对用户、商品信息、订单进行管理。

#banner{width:100%; height:400px; /*margin:300px auto; *//*上边距 左右居中下边距*/ } body,ul{margin:0; padding:0; list-style-type:none; } a{text-decoration:none; } .nav2{float:left; width:236px; height:400px; background-color:rgba(0,0,0,0.1); /*透明度*/ } .nav2-list3{ position:relative; /*相对定位*/ width:236px; height:340px; padding:20px 0; } .nav2-item3-frist{ width:100%; height:42px; } .nav2-item3-frist:hover{ background:#00a1d6; } .nav2-item3-frist:hover .show-menu{ display:block; /*显示元素*/ } .frist-link{ display:block; width:100%; height:42px; color:#ffffff; /*文字颜色*/ line-height:42px; /*利用行高把文字垂直居中*/ text-indent:40px; /*首行缩进*/ } .show-menu{ display:none; /*让元素彻底隐藏*/ position:absolute; left:236px; top:0; height:400px; /*width:500px; */ background:#ffffff; } .shop-item5{ position:absolute; width:256px; height:76px; line-height:76px; } .wrap { float:left; width: 800px; height: 400px; position: relative; }.list2 { width: 800px; height: 400px; list-style: none; position: relative; padding-left: 0px; }.item2 { position: absolute; width: 100%; height: 100%; color: white; font-size: 50px; opacity: 0; transition: all .8s; }.btn { width: 50px; height: 100px; position: absolute; top: 150px; z-index: 100; }#goPre { left: 0px; }#goNext { right: 0px; }.item2.active { opacity: 1; z-index: 10; }.pointList { padding-left: 0px; list-style: none; position: absolute; right: 20px; bottom: 10px; z-index: 1000; }.point { width: 8px; height: 8px; background-color: rgba(0, 0, 0, 0.4); border-radius: 100%; float: left; margin-right: 14px; border-style: solid; border-width: 2px; border-color: rgba(255, 255, 255, 0.6); cursor: pointer; }.point.active { background-color: rgba(255, 255, 255, 0.4); } .add{ float:left; height:400px; width:58px; } .auto-style18 { width: 50px; } .auto-style19 { width: 50px; height: 34px; } .auto-style20 { height: 34px; }
  • asp.net|基于ASP.NET的Web酒品销售商城平台系统
    文章图片
  • asp.net|基于ASP.NET的Web酒品销售商城平台系统
    文章图片
  • asp.net|基于ASP.NET的Web酒品销售商城平台系统
    文章图片
  • asp.net|基于ASP.NET的Web酒品销售商城平台系统
    文章图片
  • asp.net|基于ASP.NET的Web酒品销售商城平台系统
    文章图片
  排行榜
       
价格:

销量:

asp.net|基于ASP.NET的Web酒品销售商城平台系统
文章图片

asp.net|基于ASP.NET的Web酒品销售商城平台系统
文章图片


asp.net|基于ASP.NET的Web酒品销售商城平台系统
文章图片

asp.net|基于ASP.NET的Web酒品销售商城平台系统
文章图片

asp.net|基于ASP.NET的Web酒品销售商城平台系统
文章图片

asp.net|基于ASP.NET的Web酒品销售商城平台系统
文章图片

asp.net|基于ASP.NET的Web酒品销售商城平台系统
文章图片

asp.net|基于ASP.NET的Web酒品销售商城平台系统
文章图片

asp.net|基于ASP.NET的Web酒品销售商城平台系统
文章图片

asp.net|基于ASP.NET的Web酒品销售商城平台系统
文章图片

asp.net|基于ASP.NET的Web酒品销售商城平台系统
文章图片

    推荐阅读