电子商务系统创意与专项设计课程设计.docx

电子商务系统创意与专项设计课程设计T电子商务系统创意与专项设计课程设计-联想公司网站开发 目录一、前言3二、电子商务实验32.1了解电子商务系统开发平台32.2静态网页设计实验42.3电子商务网站设计6（1）注册、登录组件7（2）导航条8（3）新闻组件8（4）公告组件9（5）商品展示组件9（6）网站订单、购物车组件9（7）团购组件92.4电子商务网站设计二次开发102.5电子商务网站二次开发实践10（1）用户登录注册模块11（2）导航模块11（3）广告11（4）友情链接12（5）信息发布12（6）其他122.6电子商务网站综合试验13三、 总结与感想14一、前言电子商务系统创意与专项设计课程设计采用的博星卓越电子商务教学实验软件。通过完成六个实验中的基本实验和二次开发，让我们了解电子商务活动的过程、对电子商务系统建设有一定的认识和理解。培养了对组件开发、二次开发的兴趣。二、电子商务实验2.1了解电子商务系统开发平台（图1-电子商务系统开发平台界面）进入博星卓越电子商务系统开发平台登录后，新建一个站点，站点路径名称为tcers的，既是绑定了名为tcers的二级目录，可以通过http:/xx/tcers在局域网内访问此网站。通过阅读实验指导书并实践操作，了解系统的基本使用情况，例如项目整体信息、前台编辑器、程序版本控制、资源版本控制、组件开发、组件版本控制、SQL编辑器等基本系统操作。然后就继续进行网页设计的实验。我的实验规划是创建一个联想公司的企业网站，包含新闻、商品展示、网站地图、友情链接、调查、在线客服、购物车、订餐查询等功能。2.2静态网页设计实验在这个试验中主要是通过前台编辑器编辑几个网站框架的基本页面，举例介绍创建index.jsp的首页文件。进入电子商务系统后选择前台编辑器，然后选择新建按钮新建一个名为index.jsp的网页文件，在其中编辑html代码就生成了最简单的静态网页。在编辑器中编辑首页index.jsp，直接用所见即所得的编辑器中的按钮添加文字、超链接、表格、上传图片到服务器再插入到网页中等功能。也可以使用前台编辑器输入首尾成对的标签等代码，然后添加常见的、等标签，灵活切换代码模式和预览模式了解网页编辑情况。通过本实验，对我们已经学习过的html语言有了更多的实践操作和认识。也会使用记事本、Dreamweaver等常见工具编辑静态网页，并用参见浏览器查看编辑的网页，知道html的使用环境非常广泛。在网页中添加超链接，让网页之间有了相互联系，就形成了一张网站大网。通过实践，了解到表格在网页中的作用，灵活编辑标签，能够做出多行多列、合并单元格等精美的展现模式。也尝试使用有序清单和无序清单去展现网页内容并会改变其内容标记。网页编辑好后，点击程序版本控制和资源版本控制把建好的页面导入到服务器，然后通过测试前台页面查看网页。但是采用表格布局不仅违背html中对表格使用的定义，也增加了修改难度和代码复杂度，在实验中我也尝试使用div+css布局，不多由于系统对于css的兼容性不够好，未能表现出较好的效果。采用框架frame可以让网页展示更加灵活，但是由于框架布局存在众多不足，在动态网页中可以用嵌入网页更好的实现灵活网页布局功能。实验中，我创建了首页index.jsp、新闻news.jsp、商品展示product.jsp、网站地图map.jsp、友情链接friendlink.jsp、调查discovery.jsp、在线客服faq.jsp、购物车buycar.jsp、订单查询order.jsp等页面，进行了基本网页布局设计，添加了一些美观的广告banner，增加网站的背景图片。在网站地图页面中插入了4X4的表格，插入了“联想手机”“联想电脑”“联想笔记本”等超链接。然后通过程序版本控制和资源版本控制，将修改的内容同步到服务器当中保存。2.3电子商务网站设计（图2-使用前台编辑器在网页中加入组件）基于上一个实验创建的静态网页，使用前台编辑器在网页中灵活添加web组件，虽然系统已经提供了许多非常实用的组件，但是还是需要具有个性化和更好用的组件。本系统组件开发功能让我们可以快速的增加注册登录、导航、新闻、商品、公告、订单查询、友情链接等系统组件，也可以通过组件开发运用网页、数据库创建更多功能的组件。在不同功能需求的页面和地方添加具有不同功能、要求的组件，能够快速的完成电子商务网站的系统设计。同时也可以将一个电子商务网站开发模块化分开开发，不仅可以让网站规划设计思路更加清晰，也能够降低工作量，针对性的修改组件功能。修改完成后，再使用程序版本控制和资源版本控制将组件同步到服务器中。这一步后，点击生产后台程序就可以通过后台管理联想公司网的新闻、产品、公告、友情链接等内容。本部分内容将会在第六个实验中介绍。本实验中，我主要使用了以下的web组件：（1）注册、登录组件在组件开发中选择新建组件，出现图-3界面，输入组件名称和中文名字即可完成新建组件。在编辑器中修改组建后，选择组件发布，点击已完成即可在前台编辑器中插入新建或修改的组件。（图3-新建组件操作）注册、登录系统作为企业电子商务网站客户关系管理的基本功能非常重要，本实验平台提供了两个组件来实现此功能。也可以创建reg.jsp和login.jsp两个新页面来放置相关组件。我将横条的登录组件放置在网页顶部，方便用户使用。还可以增加表单、按钮和功能框，根据网页的制作要求和功能，可以在注册页面添加用户地区、证件号、喜好等内容。（2）导航条（图4-修改新建的导航组件）根据联想公司网站的实际情况，我将导航设置为首页、新闻、商品展示、网站地图、友情链接、调查、在线客服、购物车、订单查询等。为此新建了名为导航的组件（如图4所示）并插入到网页当中。（3）新闻组件作为一家企业网站，肯定要有发布公司产品动态和发展的新闻模块。我在index.jsp和news.jsp添加了内置的新闻组件，新闻模块主要功能包含了发表新闻、删除新闻、修改新闻、审核新闻等。（4）公告组件在首页显眼位置添加的公告组件，主要作用是发布最新的公司公告和消息。滚动的公告展示也可以显示更多内容。（5）商品展示组件网上销售是企业网站重要的功能。在首页index.jsp和产品product.jsp页面添加了商品展示组件中的单商品展示和多商品展示组件。（6）网站订单、购物车组件用户在网站上购物后肯定需要查看购物车或订单查询，我分别在buycar.jsp和order.jsp添加了购物车和订单查询组件。实验后，网站的基本结构、功能已经完成，将在下一个实验中对部分组件进行二次开发。（7） 团购组件（图5-团购组件新建数据表）系统组件开发除了自带的组件还可以新建组件。我特别创建了团购组件，用于销售联想公司的产品。首先在SQL编辑器中如图新建立一个表名为tuangou的数据表，添加了名称name、开始时间starttime、结束时间endtime、价格price、介绍content等字段。然后新建组件团购，修改组件增加团购商品展示（类似于单商品展示），并将其与数据表相连接，在管理后台添加团购管理的项目。然后在组件开发点击组件开发完成即可发布使用。2.4电子商务网站设计二次开发在完成以上的基本构建之后，我们开始进行二次开发的实验。二次开发可以让电子商务网站功能更加丰富、服务更加完善、满足电子商务企业的各种各样的需求。操作步骤是首先在后台点击导出部署包，导出符合J2EE标准的部署包WAR,包含网站程序文件和JavaBean等。将站点导出为war包，下载到本地之后解压即可整理部署包当中的内容，以便对我们修改过的系统进行二次开发。同时增加对API的了解。二次开发后，选择导入应用程序，点击浏览后选择修改好后的部署包并上传到站点。但是一直无法正常上传站点，无法检验二次开发的相关效果。如果系统出现问题可以通过源文件或备份的文件进行恢复，降低操作的风险。在下一个实验中会详细介绍相关内容。2.5电子商务网站二次开发实践电子商务系统二次开发可以对用户注册登录、导航、新闻、产品、广告、友情链接等已有模块进行修改，也可以新增例如验证码、团购、论坛等创新的模块。我尝试了实验指导书给出了几个案例，由于能力有限和缺乏相关工具未完成所有步骤。但是对于电子商务系统二次开发有了初步的了解，培养了创新意识。（1）用户登录注册模块导出电子商务系统的部署包后，在登录模块修改代码，尝试增加忘记密码并找回的新功能。新增网页forgetpassword.jsp，如果用户忘记密码后，可以通过输入邮件地址找回密码！系统可以查询数据库表中相同邮件地址的用户信息，并通过邮件服务器将相关用户名和密码发送给此邮件地址。通过二次开发让网站的功能更加人性化，满足用户多样化的需求。（2）导航模块在导航模块二次开发中，我新增了一个导航组件，用html修改网页导航代码，通过css修改导航样式为富有科技感的蓝色背景、白色文字（如图7所示）。但是由于系统的html代码较不规范、对css的支持不理想，未能达到理想效果。（3）广告通过二次开发可以在网页中任意位置添加事先修改好的广告样式。我在页面中添加了多个banner广告，让网站更加美观。还能够添加弹窗广告、对联广告、弹出广告等展现形式。（4）友情链接二次开发可以为友情连接添加更多功能，例如可以添加自助友情链接功能。用户提交站点名称、网址、logo地址后，站长可以在后台进行审核。（5）信息发布信息发布模块是企业网站最重要的内容，可以通过二次开发增加热点新闻、推荐新闻、相关新闻等功能。另外现在比较流行的分享可以在新闻信息页面中加入分享到或收藏功能。（6）其他通过二次开发可以实现很多功能，实验指导书上举例的还有购物车多支付方式、咨询反馈后台自动提醒、营销调查等功能。不仅大大提升了网站的技术水平，也方便了用户，提升用户体验。2.6电子商务网站综合试验（图6-网站后台管理示意图）在完成电子商务系统之后就需要实际去运营，此部分的实验主要是为已经搭建好的电子商务平台添加商品、新闻、公告、友情链接等内容。我在后台添加了关于联想公司的公告，添加了一些商品和公司新闻，修改添加导航和友情链接，发布了关于联想的调查问卷。同时测试到访问程序前台注册帐号测试提交订单、阅读新闻、查看产品等功能页面是否正常，再进入后台进行处理。下图是经过基本开发和二次开发后联想公司网站的多页面展示：（图7-联想公司网站页面拼图）三、总结与感想电子商务系统创意与专项设计课程设计让我们很好的把学习过的电子商务专业课再复习、再学习、再运用，例如数据库技术、网页设计、电子商务系统建设、网络营销等。通过使用简单易懂的软件平台进行静态网页编辑、动态组件使用、新增修改组件、数据库及SQL操作，甚至可以进行部署包导出导入、二次开发等功能。为我们能够自主开发能力所及的电子商务平台和操作管理企业级电子商务平台提供了很好的锻炼。同时对电子商务专业知识学习也有了更深的了解和认识。另外，通过自己亲身去操