数码产品网站设计文档.docx

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