数码产品网站设计文档.docx
- 文档编号:12671265
- 上传时间:2023-04-21
- 格式:DOCX
- 页数:14
- 大小:1.09MB
数码产品网站设计文档.docx
《数码产品网站设计文档.docx》由会员分享,可在线阅读,更多相关《数码产品网站设计文档.docx(14页珍藏版)》请在冰豆网上搜索。
数码产品网站设计文档
学号:
2010-2011学年第学期第周
网站设计报告
题目:
**手机网
班级:
姓名:
指导教师:
职称:
成绩:
2012
年
月
日
网站设计指导教师成绩评定表
题 目
BtoC手机电子商务网站——新星手机
学生姓名
班级学号
专业
评分内容
评分标准
总分
评分
平时成绩
认真对待网站设计,遵守实验室规定,上机不迟到早退,不做和设计无关的事。
20
设计内容
设计内容丰富,符合大纲要求
10
页面外观漂亮、大方
10
功能符合大纲要求
10
文档设计正确合理
10
文档写作
文档反映设计规划过程
10
文档反映系统设计流程
10
答辩
简练、准确阐述设计内容,能准确有条理回答各种问题,系统演示顺利。
20
总评分
指导教师
评阅意见
该生对待网站设计遵守相关规定的态度□认真□一般□比较差□非常差。
设计的系统界面外观美工处理情况□很好□比较好□一般□比较差
系统前后台功能和代码编写情况□很好□良好□一般□比较差
文档书写符合规划与设计流程程度□很好□良好□一般□比较差
系统演示顺利情况和答辩流畅准确情况□很好□良好□一般□比较差
完成的网站设计特色之处:
成绩
指导教师签名
日期
BtoC手机电子商务网站
——新星手机
一.需求分析
功能需求分析:
1、在线查找所有产品的详细资料。
可以精确查找也可以模糊查找。
2、购物车和购物车的查看管理。
添加购物在购物车中,也可以删除购物车中的已选商品。
3、订单提交功能
确定地址后呈现用户订单信息。
4、用户管理功能。
用户注册和验证
用户登录和验证
用户信息更改
数据库的需求分析
1、用户信息,如用户ID,用户名。
2、产品分类,如产品类别ID
3、商品的信息,如商品ID
4、订单信息,如订单ID
二.风格及功能设计
银灰色色调主要体现简洁命了功能强大的风格。
没有太多花哨的静态连接和网页媒体元素。
专注于网站系统功能的实现和应用。
功能模块设计
1、商品浏览
首页提供商品展示和一些用户关注的活动头条即最新商品信息。
提供合理的产品分类,便于用户进行分类浏览。
浏览过程中的产品用户点击后可以跳转该产品的详细介绍。
包括价格和充分的附加信息。
用户可以通过关键字进行商品搜索后提供有好的结果展示界面。
2、购物车
首先购物车与用户相关联,用户对购物车进行操作后有更新展示。
用户选择某种商品后加入购物车以便最后提交订单时一起录入数据。
用户在提交订单前,可以修改删除购物车信息。
3、订单的提交、处理和查询
用户在提交订单前再次确认用户的详细信息,如付款信息和收货地址等。
三、网站地图/流程图
注:
在子网页中均有首页的链接按钮,不再一一列出。
四、栏目及页面设计
主打诺基亚、阿尔卡特和三星三款手机,有三个栏目界面。
然后设计主要有登录注册界面,购物车,用户帮助和搜索。
首先是网站主页,它有产品分类、灯枯注册和展品展示以及视频展播等等。
这是网站页面和相关页面代码一览图。
APP_Code文件夹中主要存放相关程序代码,用于其他网页的方便调用相关函数。
DATABASE中存放数据库文件。
Bin目录存放客户端的程序实现代码,这里由于只是做了购物车的简单项目,因而直接生成的BIN文件夹中不存在相关页面。
Imags文件夹中放置网页中按钮GIF图像和LOGO。
DATAimages和Images_*中存放商品图片。
INC中存放控制程序代码,如用户注册相关性和登录的合法性以及订单信息的检查。
Default页面是网站首页,其他是各个子网页(aspx)和对应的网页代码(aspx.cs)。
五、数据库设计
针对需求分析确定数据库的结构。
这里考虑用户的注册登录验证等建立数据表,则其中的数据项可能是包括用户的用户名、密码用户地址等等。
产品分类和详细资料查看需要建立商品总类的数据表同时还要建立详细数据表。
用户购物时也需要对购物车的信息进行确认,同时生成订单信息数据表,包括用户信息和商品信息和其他附加信息。
订单生成后在配送时需要对订单进行管理,因而订单本身也需要一个数据表。
综合上述需求分析,大致得到下面的数据表。
附:
Account表
用于记录注册用户的详细信息。
商品分类目录
存储所有商品的分类信息。
商品详细信息表
用于记录每个商品的详细信息。
订单商品表
用于记录用户的订单信息。
用户登录表
订单信息表
它包括订单商品表和用户的地址信息。
分类商品信息表
记录商品分类信息。
商品库存信息表
六、页面测试说明
用户注册登录页面。
商品购买选择页面
用户选择购物后加入购物车页面
用户确认信息提交页面
用户收获地址确认信息页面
七、开发环境设置及技术参数设置
环境设置IIS配置和.netframework配置
编程语言/网页技术使用.net技术,主要程序操作语言为C#。
Visualstudio2008用于初始网站程序的编写,包括一些数据库连接和操作,购物车代码的编写,用户注册登录代码的编写。
Dreamweaver8用于主要网页界面的搭建,通过表格和层进行布局。
放弃使用了框架(不是必要坚决不要用使用框架集)而用模板代替。
MicrosoftSQLserver2005数据库设计软件。
PhotoshopCS4产品图片大小处理和按钮图片的设计。
八、本次网站设计心得体会
首先我是一个平时喜欢网站编程制作的业余爱好者。
本次的实际操作中,运用基本的HTML语言和VB或者JAVA脚本语言编写。
尽管是具有可视化设计的Dreamweaver软件,其中代码的熟悉也是不可少的一部分。
从开始借书查资料到最终网站项目的展示答辩,差不多用了两个星期。
很怀念整整的一个人完全投入研究网站制作的过程,很认真又很有成就感。
整个实验过程中绝对不会是一帆风顺的,因为我初步对网站架构有一些基础,所以在IIS及运行环境的搭建上并没有遇到多大的阻力。
整个实验过程中,于我最难的地方在于购物车的实现,即如何运用动态脚本语言来编写购物车这一程序。
然后查阅资料翻书很久终于摸透了购物车代码,于是在几经尝试后终于完成了购物车的制作。
举一反三的感觉,剩下的订单修改提交都基本能够仿着书中例子写下来。
所以在我设计网站里,并没有实现太多花哨的静态页面的搭建,而是全心意关注在实用性,即主要是购物车的功能的实现。
初开始,我选择的是ASPVBscript作为网站的编程语言,后来发现在连接SQL数据库时发生状况,如果选择access数据库的话鉴于本地服务器中没有ACCDB的驱动程序,所以最终选择了C#.NET作为网站最终的设计的方式。
对于C#和.net也是之前也有研究,所以在网站设计和程序代码的设计过程中也容易得心应手,参考一些资料书籍也容易实现相关网站模块功能。
C#语言适用于后台代码的实现,同时.net技术也是支持动态页面的网站制作的良好手段。
网站的另一方面———资料的收集主要通过网上的一些途径,包括图片、文字和相关视频。
一般对于网络下载的文字用于网页的时候需要进行WEB优化,即消除一些由于汉字标码不同而产生的在网页页面浏览时产生乱码的现象。
同样的,在对于网站下载的图片在PHOTOSHOP处理时也应该进行WEB优化,保证最佳的页面浏览体验。
视频可以选择FLV和SWF都行。
在数据库设计阶段,需要展开针对用户需求的构想,列出数据项进行数据表的设计,然后删减增加,最终确定数据表的结构和数据项。
在这为期两个星期的网站实验过程中,除了学会并更加熟练运用了网站制作的技术外,与自身的非技层面也是有很大的提高。
作为我们,要善于发现问题,并能够通过各种合理的手段有效的解决问题是应该具备的能力。
遇到困难更是不应该退让而是敢于直面它,一定要解决它,因为始终相信,是问题就可以解决。
同时在参考书选择方面也要知道不在于多而在于精,选择一两本书,看通了就足够了。
总之在这次试验中收获挺多的,首先越来越精进了自学的兴趣爱好,同时也确实在充实的两周里做出了网站小有成就,更关键的是提升了如何解决问题的能力。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 数码产品 网站 设计 文档