关 键 词：

手机商城 电子商务 网站 设计 实现

资源描述：

“手机商城”电子商务网站的设计与实现,手机商城,电子商务,网站,设计,实现

内容简介：

手机商城电子商务网站设计,李秀秀 唐舒琪 电子商务1202班 指导老师：李灿辉,目录,网站展示,网站运营,竞争优势对比,前台界面,前台产品页面,系统基于ASP技术+JavaScript、VBScript 脚本语言； 用 ACCESS 2003 作为数据库进行开发； 然后运用 Dreamweaver 对页面进行美化,后台界面,后台管理系统：包含用户的注册、登录、注册用户信息修改、产品的添加等功能,特色栏目展示,通过新闻资讯栏目，可以让消费者更加方便的了解最新资讯，吸引更多的消费者,同类网站竞争优势,产品优势：本网站销售的主要是中高端智能手机，目的为抓住青少年这一很具潜力的消费市场。因此在市场定位方面本网站主导了主要消费人群,价格优势：本网站采取的是薄利多销策略，通过低价格吸引消费者围观，最终促成交易,网站自身优势：网站设计主要以黑白经典色为主，凸显时尚，大气，给人一种高贵的神秘感，在设计本身就已经占据优势,网站运营,线上推广：微博营销，通过微博平台、个人等创造价值而执行的一种营销方式，也是指商家或个人通过微博平台发现并满足用户的各类需求的商业行为方式,网站线下推广：网站的线下推广，主要是定时的举办书友会，在闲暇之余可以与书友，进行文化方面的交流，分享读书心得，一起举行一些有益的娱乐活动，拉近书友之间的关系,盈利点,手机销售：通过手机网站进行手机营销,软件下载：手机游戏下载,参加网站的促销活动,后期运营： 1. 完善前台界面，增加页面功能，待网站成熟步入正轨就加强后台数据管理,2.运营工作需要注重从数据上的分析,3.网站优化人员要关注用户需求收集和整理,4.网站流量监控分析、目标用户行为研究、网站日常更新 及内容编辑、网络营销策划及推广,增加流量方式,1.及时更新产品：通过最新产品信息的发布及宣传来增加流量,2.网站超链接：与其他网站进行合作进行超链接，通过连接将流量 引入自己的网站,3.广告促销：广告宣传也是引流的最佳方式,2021/3/4 毕 业 设 计题 目“手机商城”电子商务网站的设计和实现姓 名李秀秀201201002029姓 名唐舒淇201201002028院 （系）网络传媒系专业、 年级电子商务1202班指导教师李灿辉二一四 年 九 月湖南大众传媒职业技术学院毕业设计诚信声明本人郑重声明：所呈交的毕业设计，是本人在指导老师的指导下，独立进行研究工作所取得的成果，成果不存在知识产权争议，除设计中已经注明引用的内容外，本设计不含任何其他个人或集体已经发表或撰写过的作品成果。对本设计的研究做出重要贡献的个人和集体均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。 毕业设计作者签名：李秀秀 唐舒淇 2014 年 9 月 10 日 一、网络传媒系毕业设计任务书姓 名唐舒淇201201002028专业、班级电子商务1202班姓 名李秀秀201201002029专业、班级电子商务1202班毕业设计选题“手机商城”电子商务网站的设计与实现主要设计内容：本网站以构建电子科技产品销售平台为主要的工作重心，还包括网站主页、手机产品、联系我们、用户注册、登录系统、搜索、新闻资讯，系统等栏目。（1） 网站主页：提供最新产品、会员登录、等。（2） 产品列表：提供商品搜索、商品分类、浏览等。（3） 搜索：提供便捷的产品搜索。（4） 联系我们：提供在线帮助，通过email，用户可以直接和商家联系。（5） 注册于登陆系统：用户可以进行在线注册，可以在网站的入口位置进行登陆。（6） 产品搜索系统：类似与搜索引擎的分类检索功能，根据不同类别的一层一层地浏览下去，直接显示出所需要的产品。 主要设计任务： 1网站需求分析通过系统调研，总结出“手机商城”电子商务网站建设需求。2网站需求分析按照网站系统的业务规划和功能需求，网站的功能结构设计分别从网站的前台功能和后台功能两个方面进行。画出网站功能结构图，详细设计出网站前台功能和后台功能。3网站设计（1）网站前台功能设计前台用户管理：包括用户注册、登录功能。（2）网站后台功能设计后台用户管理：包括用户注册、登录、功能；手机管理：手机信息是进行网上购物的基础信息，此功能提供对网站手机信息的添加、修改和删除功能；搜索功能：通过关键字进行手机产品的搜索。4网站测试网站设计完毕后，团队成员进行测试；并请不熟悉网站的同学或客户进行网站测试。5网站展示由团队成员共同进行商务网站设计工作汇报。需提交的设计结果：1、毕业设计方案；2、“手机商城”电子商务网站前台和后台网页源代码；3、毕业设计报告（装订成册）；4、毕业设计答辩文档；5、毕业设计光盘（包括源代码、报告等所有毕业设计相关资料）。指导老师李灿辉完成任务期限审核意见： 系主任（签章）： 年 月 日 二、 网络传媒 系商务网站建设毕业设计方案姓 名李秀秀学 号201201002029专业、班级电子商务1202 班姓 名唐舒琪学 号201201002028专业、班级电子商务1202 班毕业设计选题电子科技产品营销网站的设计与实现设计目标： 随着Internet的普及化，网上购物、网上支付等概念已渐渐成为现实。网上购物可以为消费者节省时间、节省费用、操作方便，因此他们的影响逐渐扩大，并带动了更多的消费者。建立一个以电子科技产品营销的电子商务网站，本网站是针对广大青年用户所开设的电子科技产品网站，电子科技产品发展快，日渐成为广大群众的需求品，目前网络中这样的电子科技产品网站相对较少，因此市场上的竞争力相对较强。设计内容：本网站以构建电子科技产品销售平台为主要的工作重心，还包括网站主页、产品分类、联系我们、用户注册、登录系统、产品搜索系统等栏目。（7） 网站主页：提供最新产品、会员登录、畅销产品、特价商品等。（8） 产品分类：提供商品搜索、商品分类浏览等。（9） 联系我们：提供在线帮助，通过email，用户可以直接和商家联系。（10） 注册于登陆系统：用户可以进行在线注册，注册成为会员后，可以在网站的入口位置进行登陆。（11） 产品搜索系统：类似与搜索引擎的分类检索功能，根据不同类别的一层一层地浏览下去，直接显示出所需要的产品。设计进程： 时间人员工作任务9月1日李秀秀分组选题、网站整体设计方案唐舒琪分组选题、网站整体设计方案9月2日李秀秀制作二级页面唐舒琪PhotoShop设计网站首页9月3日李秀秀用Access软件设计网站数据库设计唐舒琪用Access软件设计网站数据库设计9月4日李秀秀Dreamweaver设计网站各页面唐舒琪Dreamweaver设计网站各页面9月5日李秀秀Dreamweaver设计网站各页面唐舒琪Dreamweaver设计网站各页面9月9日李秀秀网站页面测试唐舒琪网站页面检查9月10日李秀秀撰写毕业设计报告唐舒琪撰写毕业设计报告9月11日李秀秀撰写毕业设计答辩文稿唐舒琪预答辩9月12日李秀秀毕业设计答辩唐舒琪毕业设计答辩指导教师意见： 签名： 填报日期： 年 月 日3、 网络传媒系毕业设计指导记录表姓 名李秀秀专业、班级电子商务1202班学号201201002029姓 名唐舒淇专业、班级电子商务1202班学号201201002028毕业设计选题“手机商城”电子商务网站的设计与实现设计阶段指 导 意 见毕业设计方案在进行毕业设计方案设计时，要进行网站需求分析，确定设计栏目的合理性。设计进程阶段一完成了“手机商城”的首页设计，首页页面清晰、直观，栏目设计较为合理。设计进程阶段二实现了“手机商城”的二级页面，即手机详细页面的设计。设计进程阶段三及结果基本上实现了数据库的连接，能按照不同的分类进行手机的浏览。希望进一步实现网站后台的操作。设计报告初稿建议在撰写毕业设计报告时，增加网站推广与运营的内容。设计报告修改稿通过多次反复修改后，报告内容详略有当，格式基本符合要求。 指导教师： 年 月 日 四、网络传媒系毕业设计答辩记录表毕业设计题目“手机商城”电子商务网站的设计与实现作者姓名李秀秀所属系、专业、年级网络传媒系电子商务1202班作者姓名唐舒淇所属系、专业、年级网络传媒系电子商务1202班指导教师姓名、职称 李灿辉 副教授答 辩 会 纪 要时间地点答辩小组成员姓 名职务（职称）姓 名职务（职称）李 明副教授吴胜辉讲 师李婷婷讲 师施薇讲 师李灿辉副教授张彩霞讲 师答辩中提出的主要问题及回答的简要情况记录： 会议主持人签名： 记录人签名： 年 月 日答辩小组意见及评分：评分： 答辩组长签名： 年 月 日五、网络传媒系毕业设计评分表姓 名李秀秀专业、班级电子商务1202班学号201201002029姓 名唐舒淇专业、班级电子商务1202班学号201201002028毕业设计选题“手机商城”电子商务网站的设计与实现课程设计过程（20%） 评分： 指导老师：课程设计作品（30%）评分： 指导老师：课程设计报告（30%）评分： 指导老师：评分： 答辩组长：课程设计总评评分： 指导老师： 年 月 日 “手机商城”电子商务网站的设计与实现学生姓名 李秀秀 唐舒淇 指导老师：李灿辉老师湖南大众传媒职业技术学院网络传媒系摘 要 手机商城需要在Internet上建立一个电子商务网站，给消费者提供一个便利的电子商务购物平台，利用电子产品在网络上的热销，通过网络媒介进行产品销售。手机商城网站主要以产品为主，前台有注册，登录，搜索功能。后台主要就是对注册，登录信息还有产品信息进行整理汇总本网站采用了Dreamweaver CS5 来做前台和后台的搭建。使用Access2010作为数据库，使用Windows 7 为网站平台。 关键词 手机商城，在线销售，手机展示，手机查询Abstract：Mobile phone mall needs to build an e-commerce web site on Internet, to provide consumers with a convenient electronic commerce platform, the use of electronic products in the network sales, product sales through the network media. Mobile phone mall site mainly products, has registration, login, search function. The background is mainly on the registration, login information and product information summary本网站采用了Dreamweaver CS5 来做前台和后台的搭建。使用Access2010作为数据库，使用Windows 7 为网站平台。To build this website uses Dreamweaver CS5 to do the front and back. The use of Access2010 as a database, using Windows 7 as the website platform.Keyword：Mobile phone mall, online sales of mobile phone, mobile phone display, query目 录1开发背景142网站需求分析1521用户/市场统计1522用户环境分析1523技术分析16231 数据库介绍16232 Dreamweaver CS5的使用背景163商务网站总体设计1731 商务网站功能结构设计1732网站前台设计18321页面布局与栏目设计18322 CSS样式设计1833网站后台设计18331 管理员登录模块18332 用户管理模块19333 后台管理模块194网站的详细设计与实现2041数据表的设计与实现2042 前台模块实现21421 用户注册模块21422 查询模块22423 商品详细页面模块225网站测试与维护2351网站测试方式23511 网站兼容性测试24512 网站程序与数据库测试24513 网站其他2452 网站维护方式2553 网站安全策划256网站发布与推广2661网站发布方式2662网站推广方式27621搜索引擎推广27622网站在线推广28623网站线下推广28总结29参考文献29前 言目前，网络正以一种前所未有的冲击力在影响着人类的活动，包括人类的生产和日常生活。网络的诞生和发展，颠覆了传统的信息传播方式，冲破了存在于传统交流方式中时间和空间的种种壁垒，极大地改变了人类从物质到精神、从形式到内容、从生产到生活的各种活动，并且给人类带来了新的机遇和挑战。当然，在科技高速发展的今天，传统购物方式也已经和以前大相径庭了。由于网上购物系统使消费者的购物过程变的轻松、快捷、方便、很适合现代人快节奏的生活，所以越来越多的公司和个人开始关注网上销售方式，不仅能有效的控制运营成本，节约商品中的样品耗损，而且摆脱了商品在展示时间，空间和地域上的局限性，网上商品促销系统是大、中、小各行业经营者的最佳选择。1 开发背景 近年来，伴随着互联网的快速发展，手机在厂家、运营商等多方推动下以极快的速度持续普及。手机的硬件技术和软件技术都有了质的飞跃，双核甚至四核智能手机都不再罕见，操作系统上也有了更多选择和新发展。中国手机市场规模的扩大，很大程度上得益于各大手机厂商以及运营商对中低端智能机型的推广和普及，中国正在引领着智能手机平价时代的到来。 目前，苹果、三星、HTC，三大品牌之间的竞争可谓进入白热化阶段。中国本土智能手机企业的发展令各方瞩目。2012年华为和中兴两家中国公司先后成为全球10大智能手机生产商之一。除了传统手机厂商之外，中国智能手机市场吸引众多新兴厂商参与其中，尤其是近来互联网企业做手机的热潮更是搅动着业界神经。阿里巴巴、百度、360等纷纷发力智能手机市场。未来三五年，国内至少将有5亿以上的功能机用户要换智能手机。从而带动智能机市场需求。中国智能手机行业投资潜力巨大，发展前景乐观。 2网站需求分析 手机业渐渐成为IT行业的主导产业，这个行业正处于向规模化，品牌化，规范化运作的转型时期，在市场需求的拉动下，各地的手机市场迅速扩大，手机业投资，设计，销售等各项指标呈全面增长趋势。手机业正成为IT市场经济增长的重要行业。当然，在这一个电子产品蓬勃发展的时代，带给我们的选择也是五花八门，面对如此多的选择，手机网站运应而生，手机网站的建立则可以为广大消费者带来更多的最新产品信息，从而吸引更多消费者。21用户/市场统计手机网站主要采取以品牌营销的策略为主，以特色服务为辅的市场策略。根据各种不同品牌手机的认知度来进行区分。所以我们只要抓住品牌就直接把目标市场作为整体，为消费者提供手机产品的最新资讯，最大程度上完善手机款式及库存量。网站向消费者提供各种手机产品。凭借手机产品的点击率，可以设置一些热销产品，然后再配合我们的特色服务做推广的市场策略。22用户环境分析对手机网站进行市场定位，抓住青少年这一广大的消费群体，在网站设计方面就着重突出年轻、时尚、简洁化，从而提升网站形象，增加网站的人气，达到所需效果。对网站的操作流程进行宣传提醒，方便用户的使用操作，使得用户能够更加快捷有效的了解所需商品的信息。网站界面设计整洁，友好，便于用户操作。23技术分析231 数据库介绍Access 2003关系型数据库管理系统是一种简单易用的桌面数据库管理软件,是Microsoft Office系列应用软件的重要组成部分。面对浩如烟海的数据资料，Access这样的办公自动化软件有许多体贴入微的功能和出人意料的智能化表现，都能帮助用户提高工作效率。它的界面友好,功能全面且操作简单,不仅可以有效地组织与管理、共享与开发应用数据库信息，而且可以把数据库信息与Web结合在一起，为局域网和互联网共享数据库奠定基础。Access 2003还可以使用对象的属性、事件与方法，建立事件驱动过程完成面向用户的数据库应用系统的开发设计。Access有强大的数据处理、统计分析能力，利用查询功能，可以方便地进行各类汇总、平均等统计。并且能够灵活的设置各项统计的条件。Access数据库主要包含表、窗体、查询、等功能，使用单一的*.mdb文件格式管理所有信息。利用Access进行数据库的创建，能够使数据文件结构最优化，良好的使用到其作用对象上。232 Dreamweaver CS5的使用背景AdobeDreamweaverCS5，简称“DW”，是一款集网站管理和网页制作于一身的能够进行实时视图的网页编辑器。DreamweaverCS5是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻松的制作出各类格式充满动感的网页。由于Dreamweaver软件还集成了程序开发语言，所以对网站与数据库的连接操作，都能够完全支持。所以“手机商城”电子商务网站，主要以Access2003以及AdobeDreamweaverCS5两款软件，进行网站的设计与制作。3商务网站总体设计31 商务网站功能结构设计网站以白色为主色调，黑色色为辅助色，白色给人一种时尚，大气的视觉效果，黑色调的话则带给人一种神秘，令人探寻的韵味，整体就使人感觉高端，大气，上档次。LOGO是标志、徽标的意思，是互联网上各个网站用来与其它网站链接的图形标志。Logo也就是网站的标识，它代表网站的形象。本网站主要由前台和后台管理两部分组成，前台有产品搜索，产品展示，新闻资讯，商城简介，联系我们，能够实现的功能有用户注册，登录，产品搜索，新闻搜索。后台则主要是注册信息的管理及产品信息的管理用户注册用户登录会员信息修改手机网站系统前台系统后台管理系统产品搜索产品展示联系我们商城简介新闻资讯产品添加32网站前台设计321页面布局与栏目设计用户登录用户注册LOGO首页产品新闻平板电脑商城简介联系我们搜索 Banner产品专题策划前台商务管理：包含登录、用户注册、产品展示、产品搜索、新闻资讯322 CSS样式设计（1） CSS样式的设计，其主要作用是简化网页的格式代码，并且使制作出的网页变得更加美观。（2） 运用CSS的外部样式表的功能，能够在制作大数量网页时，大量节省网页制作的时间，并且提高网页制作的质量。33网站后台设计后台管理系统：包含用户的注册、登录、注册用户信息修改、产品的添加等功能。331 用户注册模块通过前台的设计连接到后台注册信息，需要通过后台登录界面的审核。只有当用户名、密码的信息都符合要求才能进行注册332 用户登录模块只有在用户名，密码都输入正确，并经过后台数据审核才能安全登录。用户登录流程：图3-3 登录流程图(2) 后台管理系统实现对手机的添加、手机的信息管理等功能4网站的详细设计与实现首先分析所需求的数据库表格，然后按照严格的数据表制作规范进行表格的制作。经过需求分析41数据表的设计与实现数据库文件Pro:表News：表42 前台模块实现421 用户注册模块1、 用户来到本网站想要购买手机，先要进行用户注册。下图为用户注册界面：2.当注册成功后，在首页进行登录，下面登录页面422 查询模块当用户来到网站想要查询商品时，进入查询页面：423 商品详细展示页面模块5网站测试与维护51网站测试方式网站制作完成后，对网站的内容要进行有效的测试以检查各个超级链接是否正确，网页脚本是否正确，文字、图像、动画显示是否正常等。测试网站一般进过4个过程：测试网页、测试本地站点、用户测试、负载测试。网站的测试方法有：人工测试、专业网站测试、程序工具测试。511 测试网页主要测试内容是HTML源代码的规范性和完整性，网页程序逻辑结构是否正确，是否存在空链接、断链接、错误链接等。主要是利用DreamweaverCS5提供的“链接检查器”方便的检查各类链接情况。512 测试本地站点主要测试内容为：检查链接、检查页面显示效果、检查页面的容错性、检查兼容性。513 网站其他该项主要是进行对数据库的测试。在使用数据库时可能会出现数据一致性和输出错误。由于引起错误的原因不同，可以进行分别测试。52 网站维护方式网站建设完成并投入运营后，对于网站的日常维护就成为了重中之重。网络最大的优势就是信息的时效性，只有不断的更新网站信息推陈出新，才能使网站的潜能得到最大程度上的发挥。网站的维护主要分为网页维护、数据库维护以及硬件的维护三种1. 网页的维护网站新闻信息内容页面产品的更新2. 数据库维护对数据库内容进行检查删除空数据内容备份数据库内容3. 硬件维护定时检查机械设备准备计算机的给类硬件的备用53 网站安全策划网站安全是指防止网站受到外来电脑入侵者对其网站进行挂马，篡改网站页面等行为做出的一系列的防御工作。对于网站安全的设计，首先网站的管理维护人员需要有一定的网络防御技术，掌握一些计算机知识，在网站受到攻击的时候，能够发现网站的异样。然后，我们可以借助一些网络安全工具，进行网站的安全的提升，比如：设置防火墙，登陆页面加密，网络安全漏洞的检测系统等。网站发布与推广61网站发布方式手机商城是一个小型手机销售网站，网站所需要发布的网页较少，为了便于网站的管理与维护。有两种发布方式进行选择方法一 购买空间和域名。把域名的IP地址解析成空间的IP地址，在空间绑定域名方法二 使用网站发布软件将网页进行上传，然后将自己用的能连接到外网的机器作为WEB服务器62网站推广方式621搜索引擎推广搜索引擎推广是利用搜索引擎、分类目录等具有在线检索信息功能的网络工具进行网站推广的方法。将网站提交给各大搜索引擎，进行网站收录，采用关键词竞价排名、搜索引擎优化、登录付费分类目录、登录免费分类目录等方式提高在各大搜索引擎网站的收录率。622网站在线推广微博营销微：博营销是指通过微博平台、个人等创造价值而执行的一种营销方式，也是指商家或个人通过微博平台发现并满足用户的各类需求的商业行为方式。方法：（1）微博的内容信多样化，每篇文字都带有图片、视频等多媒体信息，这样具有较好的浏览体验；微博内容尽量包含合适的话题或标签，以利于微博搜索。发布的内容要有价值，例如提供特价或打折信息、限时内的商品打折活动，可以带来不错的传播效果。（2）微博信息每日都进行有规律地更新，每天十条信息左右，抓住高峰发帖时间更新信息。（3）多参与转发和评论，主动搜索行业相关话题，主动去与用户互动。定期举办有奖活动，提供免费奖品鼓励，能够带来快速的粉丝增长，并增加其忠诚度。（4）合理设置标签，新浪微博会推荐有共同标签或共同兴趣的人加关注。图：624网站线下推广网站的线下推广，主要是定时的举办书友会，在闲暇之余可以与书友，进行文化方面的交流，分享读书心得，一起举行一些有益的娱乐活动，拉近书友之间的关系。总结经过两周的研究和设计，毕业设计作品“手机商城”电子商务网站的设计和实现基本完成。通过对本网站上的建设，在不断摸索尝试的过程中，我们基本掌握了建设一个购物网站的大致流程和应该关注的重点方向。通过此次的毕业设计活动，对于自身获得了很大的提高，完善了自身的专业知识体系。学到了很多东西，也使得自己的理论知识和实践动手能力都得到突破性的进步。也是对于大学三年来所学知识和实践相结合的一次运动活动。虽然在毕业设计的过程中，也发现了自身的不足，遇到了不少的问题，但是，在老师细心和耐心的指导下，我们逐步的解决了毕业设计过程中遇到的问题。本网站主要完成为所需的顾客提供一个整洁、便利、快速、高效的手机商城的电子商务网站。本网站采用当前Dreamweaver CS5和Access 2003两种工具来完成整个网站的设计与实现。在网站建设完成后，我们对网站作了调试，用一些“测试数据”来测试网站，对不足之处作了修改，现在本网站已基本运行正常，虽然这样，但是本网站还存在这很多的不足，还有待我在以后的生活中进一步学习与提高。毕 业 设 计题 目“手机商城”电子商务网站的设计和实现姓 名李秀秀201201002029姓 名唐舒琪201201002028院 （系）网络传媒系专业、 年级电子商务1202班指导教师李灿辉二一四 年 十 一 月湖南大众传媒职业技术学院毕业设计诚信声明本人郑重声明：所呈交的毕业设计，是本人在指导老师的指导下，独立进行研究工作所取得的成果，成果不存在知识产权争议，除设计中已经注明引用的内容外，本设计不含任何其他个人或集体已经发表或撰写过的作品成果。对本设计的研究做出重要贡献的个人和集体均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。 毕业设计作者签名： 2014 年 11 月 25 日一、网络传媒系毕业设计任务书姓 名唐舒琪201201002028专业、班级电子商务1202班姓 名李秀秀201201002029专业、班级电子商务1202班毕业设计选题“手机商城”电子商务网站的设计与实现主要设计内容：本网站以构建电子科技产品销售平台为主要的工作重心，还包括网站主页、手机产品、联系我们、用户注册、登录系统、搜索、新闻资讯，系统等栏目。网站主页：提供最新产品、会员登录、等。产品列表：提供商品搜索、商品分类、浏览等。搜索：提供便捷的产品搜索。联系我们：提供在线帮助，通过email，用户可以直接和商家联系。注册于登陆系统：用户可以进行在线注册，可以在网站的入口位置进行登陆。产品搜索系统：类似与搜索引擎的分类检索功能，根据不同类别的一层一层地浏览下去，直接显示出所需要的产品。 主要设计任务： 1网站需求分析通过系统调研，总结出“手机商城”电子商务网站建设需求。2网站需求分析按照网站系统的业务规划和功能需求，网站的功能结构设计分别从网站的前台功能和后台功能两个方面进行。画出网站功能结构图，详细设计出网站前台功能和后台功能。3网站设计（1）网站前台功能设计前台用户管理：包括用户注册、登录功能。（2）网站后台功能设计后台用户管理：包括用户注册、登录、功能；手机管理：手机信息是进行网上购物的基础信息，此功能提供对网站手机信息的添加、修改和删除功能；搜索功能：通过关键字进行手机产品的搜索。4网站测试网站设计完毕后，团队成员进行测试；并请不熟悉网站的同学或客户进行网站测试。5网站展示由团队成员共同进行商务网站设计工作汇报。需提交的设计结果：1、毕业设计方案；2、“手机商城”电子商务网站前台和后台网页源代码；3、毕业设计报告（装订成册）；4、毕业设计答辩文档；5、毕业设计光盘（包括源代码、报告等所有毕业设计相关资料）。指导老师李灿辉完成任务期限审核意见： 系主任（签章）： 年 月 日 二、网络传媒系毕业设计方案姓 名李秀秀学 号201201002029专业、班级电子商务1202班姓 名唐舒琪学 号201201002028专业、班级电子商务1202班毕业设计选题电子科技产品营销网站的设计与实现设计目标： 随着Internet的普及化，网上购物、网上支付等概念已渐渐成为现实。网上购物可以为消费者节省时间、节省费用、操作方便，因此他们的影响逐渐扩大，并带动了更多的消费者。建立一个以电子科技产品营销的电子商务网站，本网站是针对广大青年用户所开设的电子科技产品网站，电子科技产品发展快，日渐成为广大群众的需求品，目前网络中这样的电子科技产品网站相对较少，因此市场上的竞争力相对较强。设计内容：本网站以构建电子科技产品销售平台为主要的工作重心，还包括网站主页、产品分类、联系我们、用户注册、登录系统、产品搜索系统等栏目。网站主页：提供最新产品、会员登录、畅销产品、特价商品等。产品分类：提供商品搜索、商品分类浏览等。联系我们：提供在线帮助，通过email，用户可以直接和商家联系。注册于登陆系统：用户可以进行在线注册，注册成为会员后，可以在网站的入口位置进行登陆。产品搜索系统：类似与搜索引擎的分类检索功能，根据不同类别的一层一层地浏览下去，直接显示出所需要的产品。设计进程： 时间人员工作任务7月31日李秀秀分组选题、网站整体设计方案唐舒琪分组选题、网站整体设计方案9月1日李秀秀制作二级页面唐舒琪PhotoShop设计网站首页9月27日李秀秀用Access软件设计网站数据库设计唐舒琪用Access软件设计网站数据库设计10月20日李秀秀Dreamweaver设计网站各页面唐舒琪Dreamweaver设计网站各页面11月1日李秀秀Dreamweaver设计网站二级页面唐舒琪Dreamweaver设计网站二级页面11月18日李秀秀网站页面测试唐舒琪网站页面检查11月20日李秀秀撰写毕业设计报告唐舒琪撰写毕业设计报告11月24日李秀秀撰写毕业设计答辩文稿唐舒琪预答辩11月29日李秀秀毕业设计答辩唐舒琪毕业设计答辩指导教师意见： 签名： 填报日期： 年 月 日三、网络传媒系毕业设计指导记录表姓 名李秀秀专业、班级电子商务1202班学号201201002029姓 名唐舒琪专业、班级电子商务1202班学号201201002028毕业设计选题“手机商城”电子商务网站的设计与实现设计阶段指 导 意 见毕业设计方案在进行毕业设计方案设计时，要进行网站需求分析，确定设计栏目的合理性。设计进程阶段一完成了“手机商城”的首页设计，首页页面清晰、直观，栏目设计较为合理。设计进程阶段二实现了“手机商城”的二级页面，即手机详细页面的设计。设计进程阶段三及结果基本上实现了数据库的连接，能按照不同的分类进行手机的浏览。希望进一步实现网站后台的操作。设计报告初稿建议在撰写毕业设计报告时，增加网站推广与运营的内容。设计报告修改稿通过多次反复修改后，报告内容详略有当，格式基本符合要求。 指导教师： 年 月 日 四、网络传媒系毕业设计答辩记录表毕业设计题目“手机商城”电子商务网站的设计与实现作者姓名李秀秀所属系、专业、年级网络传媒系电子商务1202班作者姓名唐舒琪所属系、专业、年级网络传媒系电子商务1202班指导教师姓名、职称 李灿辉 副教授答 辩 会 纪 要时间地点答辩小组成员姓 名职务（职称）姓 名职务（职称）答辩中提出的主要问题及回答的简要情况记录： 会议主持人签名： 记录人签名： 年 月 日答辩小组意见及评分：评分： 答辩组长签名： 年 月 日五、网络传媒系毕业设计评分表姓 名李秀秀专业、班级电子商务1202班学号201201002029姓 名唐舒琪专业、班级电子商务1202班学号201201002028毕业设计选题“手机商城”电子商务网站的设计与实现毕业设计过程（20%） 评分： 指导老师：毕业设计作品（30%）评分： 指导老师：毕业设计报告（30%）评分： 指导老师：评分： 答辩组长：毕业设计总评评分： 指导老师： 年 月 日“手机商城”电子商务网站的设计与实现 学生姓名 李秀秀 唐舒琪 指导老师：李灿辉老师 湖南大众传媒职业技术学院网络传媒系摘 要 手机商城需要在Internet上建立一个电子商务网站，给消费者提供一个便利的电子商务购物平台，利用电子产品在网络上的热销，通过网络媒介进行产品销售。手机商城网站主要以产品为主，前台有注册，登录，搜索功能。后台主要就是对注册，登录信息还有产品信息进行整理汇总本网站采用了Dreamweaver CS5 来做前台和后台的搭建。使用Access2010作为数据库，使用Windows 7 为网站平台。 关键词 手机商城，在线销售，手机展示，手机查询Abstract：Mobile phone mall needs to build an e-commerce web site on Internet, to provide consumers with a convenient electronic commerce platform, the use of electronic products in the network sales, product sales through the network media. Mobile phone mall site mainly products, has registration, login, search function. The background is mainly on the registration, login information and product information summaryTo build this website uses Dreamweaver CS5 to do the front and back. The use of Access2010 as a database, using Windows 7 as the website platform. Keyword：Mobile phone mall, online sales of mobile phone, mobile phone display, query目 录一、网络传媒系毕业设计任务书3五、网络传媒系毕业设计评分表9目 录11前 言121开发背景132网站需求分析142.1 用户需求分析142.2 竞争对手分析142.3 分析结论153商务网站总体设计1631 商务网站功能结构设计1632网站前台设计18321页面布局与栏目设计18322 CSS样式设计194网站的详细设计与实现2041数据表的设计与实现2042 前台模块实现21421 用户注册模块21422 查询模块22423 商品详细展示页面模块235网站搜索引擎优化2551网站结构优化2552页面优化255.2.1.页面布局的优化2553关键词优化2754内部链接优化与外部链接优化296 网站的推广326. 1搜索引擎推广326.2网站在线推广346.3网站推广方式356.4网站线下推广37总 结38参考文献39前 言随着Internet的迅速崛起，互联网已日益成为收集提供信息的最佳渠道并逐步进入传统的流通领域。于是电子商务开始流行起来，越来越多的商家在网上建起在线商店，向消费者展示出一种新颖的购物理念。本网站作为一个商城网站，实现了当前购物网站的基本功能。 系统中用户的主要功能有：用户登录、注册、商品浏览、商品购买、订单管理以及个人信息管理。管理员的主要功能有：商品管理、用户管理以及订单信息管理。设计手机商城这个网站的主要目的是为了有个网络平台更好的宣传销售我们的手机，通过互联网的便携来吸引更多的消费者，最终形成一种品牌效应。1开发背景近年来，伴随着互联网的快速发展，手机在厂家、运营商等多方推动下以极快的速度持续普及。手机的硬件技术和软件技术都有了质的飞跃，双核甚至四核智能手机都不再罕见，操作系统上也有了更多选择和新发展。中国手机市场规模的扩大，很大程度上得益于各大手机厂商以及运营商对中低端智能机型的推广和普及，中国正在引领着智能手机平价时代的到来。 目前，苹果、三星、HTC，三大品牌之间的竞争可谓进入白热化阶段。中国本土智能手机企业的发展令各方瞩目。2012年华为和中兴两家中国公司先后成为全球10大智能手机生产商之一。除了传统手机厂商之外，中国智能手机市场吸引众多新兴厂商参与其中，尤其是近来互联网企业做手机的热潮更是搅动着业界神经。阿里巴巴、百度、360等纷纷发力智能手机市场。未来三五年，国内至少将有5亿以上的功能机用户要换智能手机。从而带动智能机市场需求。中国智能手机行业投资潜力巨大，发展前景乐观。 2网站需求分析 手机业渐渐成为IT行业的主导产业，这个行业正处于向规模化，品牌化，规范化运作的转型时期，在市场需求的拉动下，各地的手机市场迅速扩大，手机业投资，设计，销售等各项指标呈全面增长趋势。手机业正成为IT市场经济增长的重要行业。当然，在这一个电子产品蓬勃发展的时代，带给我们的选择也是五花八门，面对如此多的选择，手机网站运应而生，手机网站的建立则可以为广大消费者带来更多的最新产品信息，从而吸引更多消费者。2.1 用户需求分析在3G大规模组网及消费升级带动下，中国手机市场增长良好。2011年，中国手机产量约为11.30亿部，比2010年增长13.23%，占全球手机出货总量的70.6%。其中，出口约8.85亿部，比2010年增长16.75%。随着通讯的发展，手机已成为人们的生活必需品，中国市场的手机销量也在稳步上升。2011年，中国市场手机销量已达到2.8亿部，同比增长13.82%。2011年，中国手机市场在国际市场平稳快速发展的依托下，整体保持良好发展态势。从产品类型来看，各类型手机百花齐放，智能、3G、GPS手机成为中国手机市场热度最高的三种机型。其中，智能手机用户关注度再创新高，成为消费者换机/购机时的首选，也成为中国手机市场销量增长的新动力。数据表明，手机的需求量还是很大，只要抓住手机市场的动态，及时掌握手机市场的最新走向，相信需求并不需要担心。2.2 竞争对手分析有市场就有对手，这是亘古不变的定律。通过我们前期的调查分析，及相关的数据，我们知道，手机行业已经是一个相对成熟的行业。正因为行业的逐步完善，所以竞争的压力也很大。都知道现在的智能手机行业的发展进入了白热化阶段，想要在众多的企业中脱颍而出，那必须有足够的优势才行。现在类似于购物的网站数不胜数，我们无法做到像淘宝，天猫这样的大型综合类网站，但是我们可以利用我们小而准的优势，我们就主要销售手机、平板电脑，网站主要针对小范围目标的客户。通过对竞争对手的网站结构，类型，模式等进行分析，再完善自己的网站，从而掌握最新动态，把握时机，做好网站的销售。2.3 分析结论经过我们从开发背景的研究到网站需求的分析，然后再从用户需求和竞争对手的需求分析，我们可以得出结论，手机商城在线销售已经成为一种时代的趋势，网络时代的步伐带动了手机行业的发展，而网上销售又是一种新型销售的模式。所以我们的手机商城网站搭建紧跟时代的潮流，与时俱进。 我们准备做一个手机商城在线销售网站，为用户提供方便快捷的在线销售服务，提供最全面、热门的产品服务。为用户提供准确、丰富、全面的IT数码产品的报价,资讯,导购,行情等信息,包括手机,平板电脑，笔记本等数码产品。手机商城网站主要面向IT专业人士及广大科技爱好者，全面报道电子科技产品类资讯，用多元化、丰富的产品资讯满足不同网友的需求。3商务网站总体设计31 商务网站功能结构设计网站以白色为主色调，黑色色为辅助色，白色给人一种时尚，大气的视觉效果，黑色调的话则带给人一种神秘，令人探寻的韵味，整体就使人感觉高端，大气，上档次。LOGO是标志、徽标的意思，是互联网上各个网站用来与其它网站链接的图形标志。Logo也就是网站的标识，它代表网站的形象。本网站主要由前台和后台管理两部分组成，前台有产品搜索，产品展示，新闻资讯，商城简介，联系我们，能够实现的功能有用户注册，登录，产品搜索，新闻搜索。后台则主要是注册信息的管理及产品信息的管理。手机商城（index.asp）商城首页（index.asp）手机产品（pro.asp）新闻资讯(news.asp)平板电脑(pingban.asp)商城简介（company.asp）联系我们（about.asp）登录（login.asp） 注册（register.asp）图3-1 首页设计网站首页：主要就是网站的整体布局展示，还有各个栏目的设计及布局。让进入网站的消费者能更直观的了解到网站的内容。手机产品：通过手机产品栏目对网站所有的手机进行分类，这样设计的原因是可以方便顾客快速的进入产品页面搜索到自己想要的产品。新闻资讯栏目：网站设计这个新闻资讯栏目是为了方便与消费者互动，利用这个新闻资讯平台可以发布一些最新的手机相关资讯，还可以为店铺定期做一些软文推广。这样便于消费者在网站中看到更多的信息。平板电脑：我们单独还做了一个电脑的栏目，其主要原因是因为手机作为主打产品，我们依据消费者习惯跟时代潮流还附带了平板电脑的销售，这样使得我们的产品不过于单一。商城简介：本商场的智能手机价格每天都在变，我们不好打价格，有意的朋友可以直接联系我们，我们给出能给的最低价，有惊喜等着您！通过对商城的介绍让消费者更加了解我们手机商城。联系我们：通过这个栏目跟顾客进行交流沟通，客户服务24小时全国服务热线：400-788-3333客户服务邮箱：SJ-123售后维修邮递信息：湖南省长沙市星沙区，这些服务信息都是在进行销售的制胜点。我们的热情真诚服务是我们营销战略中不可或缺的内容。搜索：网站的内容相对较多，搜索的功能绝对不能少，搜索功能的实现也是一个网站运行的关键。当网站内容复杂多样的时候，搜索功能的便携就起到了至关重要的作用。所以，网站的搭建，一定不能少了搜索功能。专题策划：这个也是我们网站中的一个亮点，我们这个栏目主要是利用近期时下最热门的话题跟我们手机促销进行融合做的一种互动活动。我们通过每期不同的主题和形式吸引消费的目光，提高网站的关注度。排行榜：我们会针对当前的热销产品做一个排行，然后有针对性的对顾客进行推荐。顾客也可以根据排行榜作为一个参照来进行购买。高清组图：这个栏目主要就是对手机产品的一个展示。32网站前台设计321页面布局与栏目设计我们将首页设计的简单明了，将栏目设计成简单直观的结构。在首页布局上，logo及网站标题上体现了首页主题，可以很好帮助用户选择自己有确切需求的网站；网站导航把网站的内容进行细分，方便用户跟据个人需求选择浏览相应栏目页面；页面内容布局按照内容重要程度由左上到右下进行布置，把用户关注最多的手机产品、新闻资讯等放置在了首页的重要位置。1. 网站首页布局设计用户登录用户注册LOGO手机商城网站首页手机产品新闻资讯平板电脑商城简介联系我们 搜索Banner产品新闻资讯专题策划排行榜图3-2首页布局 我们网站设计使用的模板，所以二级页面、产品详情布局首部与网站首页的首部布局相同。而栏目页面除了左侧相关联的“手机产品、平板电脑”，就只栏目内容展示，给人清爽舒适的感观。2. 网站产品详情布局用户登录用户注册LOGO手机商城网站首页手机产品新闻咨询平板电脑商城简介联系我们 搜索 Banner 产品名称图片展示产品参数立即购买图3-3详情布局图322 CSS样式设计（1） CSS样式的设计，其主要作用是简化网页的格式代码，并且使制作出的网页变得更加美观。（2） 运用CSS的外部样式表的功能，能够在制作大数量网页时，大量节省网页制作的时间，并且提高网页制作的质量。 CSS样式（style.css）Bodyxumaintoprightbannerleftxumainliftcetopnav图3-4 Css样式4网站的详细设计与实现首先分析所需求的数据库表格，然后按照严格的数据表制作规范进行表格的制作。经过需求分析41数据表的设计与实现图4-1数据库文件图4-2Pro表图4-3News表42 前台模块421 用户注册模块1、 用户来到本网站想要购买手机，先要进行用户注册。下图为用户注册界面：图4-4用户注册2.当注册成功后，在首页进行登录，下面登录页面图4-5登录系统422 查询模块当用户来到网站想要查询商品时，进入查询页面：图4-6查询图423 商品详细展示页面模块图4-7产品详情图图4-8产品详情图5网站搜索引擎优化51网站结构优化 根据网站性质，本网站结构采用扁平式物理结构，对搜索引擎是一种理想的结构，只要一次访问即可遍历所有页面。对网站结构进行调整，使子目录包含栏目内容词，目录和文件名适当使用到关键词。控制目录层级在三级以内，使得更容易被记忆、更容易被传播、更容易交换链接等。同时子域名不滥用，内容相互分开，避免被搜索引擎当做作弊行为而受到惩罚。域名的选择：手机商城（http:/)采用网站名字拼音与英文结合作为域名，域名较短便于记忆。采用.com的通用后缀，符合网名的习惯。图片5-1域名截图52页面优化5.2.1.页面布局的优化（1）导航和底部区域： 导航栏是构成网页的重要元素之一，导航的优化需要能将较好地引导搜索引擎蜘蛛的抓取，同时符合用户的使用习惯。导航主要优化了主导航与面包屑导航，增加了网站二级导航栏。主导航放置网站的各个主要栏目、频道，以各栏目、频道的关键词作为主导航的描文本。网站增加二级导航能为了让用户方便地找到网站首页以及其他相关内容的页面。图片5-2二级导航图面包屑导航能让用户明白自己身处的位置，并且能快速地区想要的页面。图片5-3面包屑导航图页面底部区域还放置了一些关于网站的介绍信息，对新建的站点来说，加上 了“网站地图”链接，方便搜索引擎对新站的脉络结构、内容分布有详细的了解。 图片5-4页面底部图（2）相关内容：为了提升用户体验、促进蜘蛛抓取方法，在内容区域放置了相关内容。 图片5-5相关内容图2.标签优化对标签、关键词以及描述进行优化。标题独特、长度适当，同时组合几个关键词。关键词凝练整个网页内容，无堆砌重复。描述标签还简单的介绍了网站页面。图片5-6标签优化图3.代码优化使用“HTML标签转换”将长标签替换成同样功能、搜索引擎认为作用一致的短标签，比如图片标签使用alt代码起到精简作用，同时删除了网站中的垃圾代码，比如无意义的空格、默认属性、注释语句和空语句等。53关键词优化关键词在搜索引擎中的位置至关重要，它是整个搜索过程中最基本，也是最重要的一步。在具体的划分上，核心关键词，长尾关键词，相关关键词。（1）关键词的选择很重要，关键词不可太宽泛，主关键词也不要太特殊。针对本网站主题，选择精准、具体、有针对性的关键词。站在访客搜索的角度思考，我们选择竞争度小、搜索次数多的关键词。本网站选择的关键词有：手机，手机通讯，平板电脑，手机资讯，手机商城。图5-7关键词描述从关键词可以看出，我们的关键词与手机网站内容紧密联系。能让用户在搜索引擎中通过输入手机，手机通讯，笔记本，手机资讯，手机商城等搜索到我们的网站。 （2）关键词竞争度分析：获取手机、手机商城、手机咨询、平板电脑等关键词搜索次数与相关网页数量，运用百度指数与搜索引擎搜索结果分析，计算关键词竞争度选择关键词：图5-8手机资讯关键词被搜索次数图5-9手机资讯关键词相关网页数量关键词竞争度=关键词的搜索量*10000/关键词的相关网页数量关键词百度指数相关网页数量竞争评估手机66861100 000 0006.66861手机资讯705100 000 0000.0705手机商城703100 000 0000.0703平板电脑11004100 000 0001.1004表5-1 关键词竞争度分析表得出结论：竞争度越大，则代表关键词竞争越不激烈，越容易优化。结果越小，代表关键词相对竞争越激烈，越不容易优化。获得上述关键词竞争度后，选择2-3个关键词作为主业的核心关键词，本网站选择的关键词有手机、平板电脑，来作为主业核心关键词，手机商城、手机通讯等作为长尾关键词建设网站。 54内部链接优化与外部链接优化内部链接优化是指网站内部页面之间的连接关系，外部链接是指外部网站页面之间的关系。内部链接能加快网站收录，优化页面排名，加强权重传递和提高用户体验。本网站的内部链接优化主要是针对网站存在的问题，对导航页面进行规划，最后对网站的死链接、错误页面进行清理，保障网站内部链接的正确性。（1）网站主页能链接向所有频道主页，所有频道主页都链向其他频道主页和网站主页。所有内容也也能链接网站主页以及上一级频道主页。每个页面都有导航，也为用户提供了面包屑导航。（2）添加了网站地图（整站的快速索引），能方便搜索引擎蜘蛛抓取网站页面，增加网站重要内容页面的收录。手机商城网站地图列出了网站的主要分类与二级分类以及三级分类。图5-10 网站地图（3）对于死链接，错误页面，除了及时删除死链接，另外还增加网站404页面，这是为了能给客户一个好的引导，减少客户流失。即使客户访问了错误的URL，也能通过404错误页面重新回到网站，用户能够选择性的通过点击回到网站各栏目，能争取能最大程度上减少客户的流失。5-11 404页面2.外部链接优化最常见的是友情链接，友情链接通过链接策略可以提高网站权威进而促进排名，链接还可以加快网站收录，优化页面排名，可以提升网站权重，提高用户体验。图5-12 友情链接代码关于手机商城网站的友情链接：（1）源网站内容健康（2）链接来源广泛（3）增长方式自然（4）链接位置多样性（5）内容相关图5-13 友情链接我们手机商城网站通过链接百度，优酷网、乐视网等知名网站来吸引更多流量。6 网站的推广6. 1搜索引擎推广搜索引擎推广是利用搜索引擎、分类目录等具有在线检索信息功能的网络工具进行网站推广的方法。将网站提交给各大搜索引擎，进行网站收录，采用关键词竞价排名、搜索引擎优化、登录付费分类目录、登录免费分类目录等方式提高在各大搜索引擎网站的收录率。百度百科推广：百度百科推广是一种新型的推广模式，百度百科作为权威参考资料，一般来说是和互联网广告绝缘的。但如今推广手段无孔不入，百度百科也未能避免其侵袭，现在百度百科的推广难度是相当大的，但有难度也从侧面说明了百度百科的价值。所以做好 百度百科推广也至关重要。百度百科推广分三步，首先要通过创建词条。图6-1百度百科推广图接下来就是对要推广的内容进行编辑，进入空白页做基本概述。图6-2百度百科推广图最后就是贴上词条标签。图6-3百度百科推广图SNS推广：SNS是一种较新的网络应用，在国外已经有非常庞大的使用人群，过内的SNS也在逐步的发展中。作为一个社交网络服务，它拥有足够大的流量，庞大的流量对于网站来说无疑是很有帮助的。同时，就国内的网络氛围来看，直白的“广告”往往没有“朋友推荐”的容易让人信任。所以这也是我们做SNS推广的主要原因。这种推广方式最显著的作用就是增加流量，扩大人脉，然后不断拓展增加的朋友圈子，最后推荐自己的网站，销售自己网站的产品。图6-4百度知道推广图问答系统推广：问答系统是信息检索系统的一种高级形式，能用准确，简洁的自然语言回答用户，用自然语言提出问题。这种问答系统推广的方式可以准确的解决问题，抓住想了解此相关问题的客户，为网站带来更多的流量。我们在百度知道，天涯问答等都有做问答系统的相关推