电子商务系统创意和专项设计课程设计.docxVIP

目录一、前言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，直接用所见即所得的编辑器中的按钮添加文字、超链接、表格、上传图片到服务器再插入到网页中等功能。也可以使用前台编辑器输入首尾成对的标签htmlheadbody等代码，然后添加常见的table、tr、td、a、img、p、b等标签，灵活切换代码模式和预览模式了解网页编辑情况。通过本实验，对我们已经学习过的html语言有了更多的实践操作和认识。也会使用记事本、Dreamweaver等常见工具编辑静态网页，并用参见浏览器查看编辑的网页，知道html的使用环境非常广泛。在网页中添加超链接，让网页之间有了相互联系，就形成了一张网站大网。通过实践，了解到表格在网页中的作用，灵活编辑trtd标签，能够做出多行多列、合并单元格等精美的展现模式。也尝试使用有序清单和无序清单去展现网页内容并会改变其内容标记。网页编辑好后，点击程序版本控制和资源版本控制把建好的页面导入到服务器，然后通过测试前台页面查看网页。但是采用表格布局不仅违背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