毕业设计（论文）-某电器网站建设.doc

商务网站设计开放性实验（论文）某电器网站建设学 院 名 称： 管 理 学 院 专 业 名 称： 信 管 学 生 姓 名： 学 号： 指 导 教 师： 起 止 时 间： 2014.7.10-2014.8.25 开发性实验（论文）任务及评语学 院： 管理学院 教研室：电子商务学 号学生姓名专业班级信管开放性实验（论 文）题 目某电器网站建设开放性实验（论文）任务根据课程设计指导书，应根据某电器公司的基本需求独立完成，根据电子商务网站建设的前提条件与网站的建设，具体细节如下：（1）完成页面的设计与建立，完成相关的页面的建立，实现相关的技术，如公司的介绍等一系列相关功能。（2）完成后台数据库的建立及管理，对网站进行推广，使广大消费者熟知。指导教师评语及成绩成绩： 指导教师签字： 年 月 日目 录第1章绪论11.1课题背景与来源11.2开发工具的介绍及选择1第2章 系统设计32.1公司简介32.2网站概貌32.3网站页面设计32.2功能规划42,3系统总体结构设计52,4逻辑结构设计5第3章 系统实现63.1 数据库设计63.2后台登陆连接代码7总 结9参考文献9III开放性实验（论文）第1章绪论1.1课题背景与来源在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。随着网络的发展，越来越多的企业需要搭建公司网站，将其作为对外宣传、推广、服务及传销的载体，来配合公司的发展和需要，使更多的客户通过网络来结盟公司。本课题根据企业的具体情况及需要，设计开发企业宣传网站，帮助其充分利用国际互联网上的信息资源，服务现有客户，挖掘潜在客户，最大限度地开拓属于另一片天空的市场。是目前使用最为广泛的软件系统。课题涉及的知识较广泛,其中包括了目前最新的网页设计技术，如WEB标准、XHTML技术的应用、CSS技术的应用、Javascript代码的设计、网站的配置及发布等等内容。通过实现该课题，学生对多种知识进行综合使用，达到融会贯通的程度，更重要的是在该课题的开发过程中学生使用WEB标准进行网页的设计，对网站的重构和优化有一个详细深入的认识，对于当前网页设计的最新技术和标准规范有了一次真实体验，使学生在就业前得到一次实践锻炼的机会，提前熟悉企业中网站开发的标准流程，更能适应当前市场的需求。目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。企业网站也成为了一种时尚。越来越多的公司通过企业网站，打开网络世界的广阔市场，展示企业的文化和形象。1.2开发工具的介绍及选择(1）Dreamweave8.0Web(World Wide Web，简称WWW，又称万维网)是目前Internet上应用最广泛也是最重要的信息服务类型，它的影响已经进入了Internet上的广告、新闻、电子商务和展示信息等各个服务领域。Web采用浏览器/服务器（B/S）工作模式，其运作模式可以描述为：请求处理应答。Web以超文本标记语言HTML(Hyper Text Markup Language)与超文本传输协议HTTP(Hyper Text Transfer Protocol)为基础，通过浏览器为用户提供方便友好的信息浏览界面。Dreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia的RoundtripHTML技术允许用户随意导入HTML文档而无需重新设置代码格式。Dreamweaver可以为用户做到：使用动态HTML功能而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。Dreamweaver还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。至于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平(2) MyEclipse 8.5MyEclipse，是一个十分优秀的用于开发Java, J2EE的Eclipse插件集合，MyEclipse的功能非常强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。MyEclipse企业级工作平台,（MyEclipse Enterprise Workbench ，简称MyEclipse）是对EclipseIDE的扩展，利用它我们可以在数据库和JavaEE的开发、发布以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富的JavaEE集成开发环境，包括了完备的编码、调试、测试和发布功能，完整支持HTL,Struts,JSP,CSS,Javascript,Spring,SQL,Hibernate。（3) Web 应用服务器: Tomcat Tomcat 是一个开放源代码、运行 servlet 和 JSP Web 应用软件的基于 Java 的 Web应用软件容器。Tomcat Server是根据servlet和JSP规范进行执行的，因此可以说Tomcat Server 也实行了 Apache-Jakarta 规范且比绝大多数商业应用软件服务器要好。 （4）Mysql数据库Mysql是最流行的关系型数据库管理系统，在WEB应用方面MySQL是最好的RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。第2章 系统设计2.1公司简介某电器有限公司是专业从事超市冷柜、保鲜柜、冷藏柜、风幕柜、蔬菜水果柜、蛋糕展示柜、熟食柜、鲜肉柜、厨房冷柜、饮料展示柜等冷藏冷冻设备的研究、设计、开 发、销售和服务的现代化冷链企业，公司拥有国际顶尖的技术力量、专业化的设计、先进的生产设备、成熟的生产工艺和完善的质量保证体系以及 完善的售后服务团队，为国内外客户提供优质的产品和满意的服务。主要产品有：超市冷柜、保鲜柜、冷藏柜、展示柜、蔬菜水果柜、蛋糕展示柜、熟食柜、鲜肉柜、厨房冷柜、饮料展示柜等一系列保鲜冷藏展示设备。本公司与国内 外众多贸易经销商、代理商、超市卖场、便利店、企事业单位等建立良好的客户关系，一直以来以优质的产品和热情周到的服务赢得了国内外客户的信赖和一致好 评。公司以质量求生存，以科技求发展，本着以人为本，提高人民生活质量之宗旨，以打造国际至尊品牌为奋斗目标，全力进军冷冻、冷藏领域。在市场竞争日趋激烈，形势极其严峻 , 宝尼尔人将以高起点，高质量，高服务，诚信为本，结合现代企业经营理念，利用科技创新，精益求精，永不满足，不断创造出更新更多的符合中国食品零售企业所 需求的多类型产品。2.2网站概貌因为是企业网站，所以需要包涵公司要求的各方面内容，在突出企业的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台设计。2.3网站页面设计图2-1为某电器的首页截图，宣传了本公司的主打产品和各种各样的冰柜系列。如：超市冷柜系列，蛋糕柜系列，蔬菜水果柜系列， 图2-1图2-2展示了斯贝斯冰激凌分部产品明细的列表，均为本公司自信研发的新口味冰激凌。包括，超市冷柜系列和风冷柜系列。 图2-22.2功能规划网站设计有公司动态更新，浏览者可以在首页了解世纪互联数据中心的基本信息，并且可以登录和注册账户，在后台设计页面中，管理员可以对网站信息进行管理。站内的其它页面均是按照公司整体需求进行设计的。主页主页可以让用户看见公司的简单介绍。登陆/注册愿意了解公司的客户需要进行注册登陆。商品展示是对公司产品的一个陈列说明，可以让客户进行选购。2,3系统总体结构设计本网站主要图片由公司提供，划分为上下两部分，上部分是一个Web用户控件，这种控件可以在Web窗体中进行引用，这样这个网站的风格有了一定的统一；下部分分左右两部分，左边主要显示各个页面应有的内容 ，右边为内容的视觉表达，每个网页的布局都是这样，使整个网站统一化。因为公司网站的原因，整个网站的颜色都比较大众化，所以一般不采用暖色调来填充颜色，因本网站主要图片的人性化设计，在风格上也向部分网站进行了模仿，为使整个网站在美观上有所提高，我们对一些图片进行了修改2,4逻辑结构设计数据库采用的是MYSQL数据库，具体设计：user表存放的是后台管理员的用户名和密码，详细如表2-1所示（1）用户表列名含义类型长度允许空username用户名Varchar6是Password密码Varchar10是 表2-1（2）新闻发布表列名含义类型长度允许空Id信息编号varchar6是Title标题varchar20是Content内容varchar50是Time时间Varchar50是 表2-2第3章 系统实现3.1 数据库设计1.数据库简介数据库是计算机应用系统中的一种专门管理数据资源的系统。数据有多种形式，如文字、数码、符号、图形、图像以及声音等。数据是所有计算机系统所要处理的对象。人们所熟知的一种处理办法是制作文件，即将处理过程编成程序文件，将所涉及的数据按程序要求组织成数据文件，用程序文件来调用。数据文件与程序文件保持着一定的对应关系。在计算机应用迅速发展的情况下，这种文件式方法便显出不足。比如，它使得数据通用性差，不便于移植，在不同文件中存储大量重复信息、浪费存储空间、更新不便等。数据库系统便能解决上述问题。数据库系统不从具体的应用程序出发，而是立足于数据本身的管理，它将所有数据保存在数据库中，进行科学的组织，并借助于数据库管理系统，以它为中介，与各种应用程序或应用系统接口，使之能方便地使用数据库中的数据。2.数据库链接代码Class.forName(com.mysql.jdbc.Driver);String url=jdbc:mysql:/localhost:3306/gu?characterEncoding=utf-8;Connection cn=DriverManager.getConnection(url,root,root);String sql=SELECT * FROM thing;Statement stmt=cn.createStatement();ResultSet rs=stmt.executeQuery(sql);String id=null;while(rs.next() id=rs.getString(id);String time=rs.getString(time);String title=rs.getString(title);3.2后台登陆连接代码 数据处理页面 总 结经过十几天的努力，我们的课程设计终于完成了。通过结合课程计划书的要求，制定了公司网站系统管理的计划方案，本网站可实现用户注册、登录、修改信息、浏览产品等公司网站应具备的功能，同时添加了用户管理系统，进一步完善了本网站的功能，在这次公司网站系统的设计过程中我受到很大启发：在网站开发与设计上，体会到了理论与实际结合的重要性，认识到做一个完美的网站不仅仅要考虑到网站功能及其效果的实现，更应该注重网站与用户的有机结合。在老师耐心细致的指导下，同学之间相互交流，同时翻阅了大量的资料(包括网上资料，书本及学校的一些相关资料)经过近一段时间的努力，企业网站的设计制作告一段落。总结这次“某电器网站”开发制作过程，我们综合使用了目前因特网上比较流行的各种静态、动态制作方法，并对初步利用后台程序完成生成网页的技术。同时也从中学习了对静态页面的处理风格，色彩搭配，页面导航方面有了一定经验。目前网站的制作技术与要求，都已经告别了因特网初期网站制作的“幼稚”期，随着各类网站的迅速增加与浏览者需求的提高，无不要求网站从立意，策划，页面设计到后台程序的全面提高。无论是个人网站还是企业网站都必须被要求从浏览者角度出发，最大限度的满足用户的要求，这也是以后各类网站发展竞争的真正实质所在。本次设计由于设计时间较紧，且相关模块比较多，加之设计经验的不足，在网站的整体设计及各模块功能可能设计的不完全，有待于进一步的完善和改进。虽然在完成项目的过程中也遇到过各种困难,但最终我们达到了自己的预期目标。 参考文献1 吴涛主编.网站全程设计技术M.北京：清华大学出版社，2006,7.2 龙马工作室编.JSP+SQL Server组建动态网站实例精讲M.北京：人民邮出版社，2008,4.3 赵增敏编.JSP动态网页设计M.电子工业出版社，2003,8.4 任学文，范严编. 网页设计与制作M.中国科学技术出版社，2006,8.5 武创，王惠.网页设计探索之旅 M