商务网站设计论文,某电器网站的建设

辽 宁 工 业 大 学 课 程 设 计 说 明 书（论 文） 商务网站设计 开放性实验（论文） 某电器网站建设 学 院 名 称： 管 理 学 院 专 业 名 称： 信 管 学 生 姓 名： 学 号： 指 导 教 师： 起 止 时 间： 2014.7.10-2014.8.25 2 开发性实验（论文）任务及评语开发性实验（论文）任务及评语 学 院： 管理学院 教研室：电子商务 学 号学生姓名专业班级信管 开放 性实验 （论 文） 题 目 某电器网站建设 开放性实验（论文）任务 根据课程设计指导书，应根据某电器公司的基本需求独立完成，根据电子 商务网站建设的前提条件与网站的建设，具体细节如下： （1）完成页面的设计与建立，完成相关的页面的建立，实现相关的技术， 如公司的介绍等一系列相关功能。 （2）完成后台数据库的建立及管理，对网站进行推广，使广大消费者熟知。 指导教师评语及成绩 成绩： 指导教师签字： 年 月 日 III 目 录 第 1 章绪论.1 1.1 课题背景与来源课题背景与来源.1 1.2 开发工具的介绍及选择开发工具的介绍及选择.1 第 2 章 系统设计.3 2.1 公司简介公司简介.3 2.2 网站概貌网站概貌.3 2.3 网站页面设计网站页面设计.3 2.2 功能规划功能规划.4 2,3 系统总体结构设计系统总体结构设计.5 2,4 逻辑结构设计逻辑结构设计.5 第 3 章 系统实现.6 3.1 数据库设计数据库设计6 3.2 后台登陆连接代码后台登陆连接代码.7 总总 结结.9 参考文献参考文献.9 第 1 章绪论 1.11.1 课题背景与来源课题背景与来源 在已跨入 21 世纪的今天，人类使用和学习信息的方式以及信息的包装方式 正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社 会发展的推动远为复杂而巨大。 随着网络的发展，越来越多的企业需要搭建公司网站，将其作为对外宣传、 推广、服务及传销的载体，来配合公司的发展和需要，使更多的客户通过网络来 结盟公司。本课题根据企业的具体情况及需要，设计开发企业宣传网站，帮助其 充分利用国际互联网上的信息资源，服务现有客户，挖掘潜在客户，最大限度地 开拓属于另一片天空的市场。是目前使用最为广泛的软件系统。课题涉及的知识 较广泛,其中包括了目前最新的网页设计技术，如 WEB 标准、XHTML 技术的应用、 CSS 技术的应用、Javascript 代码的设计、网站的配置及发布等等内容。通过实 现该课题，学生对多种知识进行综合使用，达到融会贯通的程度，更重要的是在 该课题的开发过程中学生使用 WEB 标准进行网页的设计，对网站的重构和优化有 一个详细深入的认识，对于当前网页设计的最新技术和标准规范有了一次真实体 验，使学生在就业前得到一次实践锻炼的机会，提前熟悉企业中网站开发的标准 流程，更能适应当前市场的需求。 目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在 需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、 声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展， 各类网站纷纷出现。企业网站也成为了一种时尚。越来越多的公司通过企业网站， 打开网络世界的广阔市场，展示企业的文化和形象。 1.21.2 开发工具的介绍及选择开发工具的介绍及选择 (1）Dreamweave8.0 Web(World Wide Web，简称 WWW，又称万维网)是目前 Internet 上应用最 广泛也是最重要的信息服务类型，它的影响已经进入了 Internet 上的广告、新 闻、电子商务和展示信息等各个服务领域。Web 采用浏览器/服务器（B/S）工作 开放性实验（论文） 1 模式，其运作模式可以描述为：请求处理应答。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.5 MyEclipse，是一个十分优秀的用于开发 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.12.1 公司简介公司简介 某电器有限公司是专业从事超市冷柜、保鲜柜、冷藏柜、风幕柜、蔬菜水果 柜、蛋糕展示柜、熟食柜、鲜肉柜、厨房冷柜、饮料展示柜等冷藏冷冻设备的研 究、设计、开 发、销售和服务的现代化冷链企业，公司拥有国际顶尖的技术力 量、专业化的设计、先进的生产设备、成熟的生产工艺和完善的质量保证体系以 及 完善的售后服务团队，为国内外客户提供优质的产品和满意的服务。 主要产品有：超市冷柜、保鲜柜、冷藏柜、展示柜、蔬菜水果柜、蛋糕展示 柜、熟食柜、鲜肉柜、厨房冷柜、饮料展示柜等一系列保鲜冷藏展示设备。本公 司与国内 外众多贸易经销商、代理商、超市卖场、便利店、企事业单位等建立 良好的客户关系，一直以来以优质的产品和热情周到的服务赢得了国内外客户的 信赖和一致好 评。 公司以质量求生存，以科技求发展，本着以人为本，提高人民生活质量之宗 旨，以打造国际至尊品牌为奋斗目标，全力进军冷冻、冷藏领域。 在市场竞争日趋激烈，形势极其严峻 , 宝尼尔人将以高起点，高质量，高 服务，诚信为本，结合现代企业经营理念，利用科技创新，精益求精，永不满足， 不断创造出更新更多的符合中国食品零售企业所 需求的多类型产品。 2.22.2 网站概貌网站概貌 因为是企业网站，所以需要包涵公司要求的各方面内容，在突出企业的风格 和特点的同时，还应用了现在流行的网站设计技术和数据库技术。因此将网站设 计分为前台页面展示平台和后台设计。 2.32.3 网站页面设计网站页面设计 图 2-1 为某电器的首页截图，宣传了本公司的主打产品和各种各样的冰柜系 列。如：超市冷柜系列，蛋糕柜系列，蔬菜水果柜系列， 开放性实验（论文） 3 图 2-1 图 2-2 展示了斯贝斯冰激凌分部产品明细的列表，均为本公司自信研发的新 口味冰激凌。包括，超市冷柜系列和风冷柜系列。 图 2-2 2.22.2 功能规划功能规划 网站设计有公司动态更新，浏览者可以在首页了解世纪互联数据中心的基本 信息，并且可以登录和注册账户，在后台设计页面中，管理员可以对网站信息进 行管理。站内的其它页面均是按照公司整体需求进行设计的。 主页 主页可以让用户看见公司的简单介绍。 登陆/注册 愿意了解公司的客户需要进行注册登陆。 商品展示 是对公司产品的一个陈列说明，可以让客户进行选购。 2,32,3 系统总体结构设计系统总体结构设计 本网站主要图片由公司提供，划分为上下两部分，上部分是一个 Web 用户控 件，这种控件可以在 Web 窗体中进行引用，这样这个网站的风格有了一定的统一； 下部分分左右两部分，左边主要显示各个页面应有的内容 ，右边为内容的视觉 表达，每个网页的布局都是这样，使整个网站统一化。因为公司网站的原因，整 个网站的颜色都比较大众化，所以一般不采用暖色调来填充颜色，因本网站主要 图片的人性化设计，在风格上也向部分网站进行了模仿，为使整个网站在美观上 有所提高，我们对一些图片进行了修改 2,42,4 逻辑结构设计逻辑结构设计 数据库采用的是 MYSQL 数据库，具体设计：user 表存放的是后台管理员的 用户名和密码，详细如表 2-1 所示 （1）用户表 列名含义类型长度允许空 username用户名Varchar6是 Password密码Varchar10是 表 2-1 （2）新闻发布表 列名含义类型长度允许空 Id信息编号varchar6是 Title标题varchar20是 Content内容varchar50是 Time时间Varchar50是 表 2-2 开放性实验（论文） 5 第 3 章 系统实现 3.13.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.23.2 后台登陆连接代码后台登陆连接代码 数据处理页面 总总 结结 经过十几天的努力，我们的课程设计终于完成了。通过结合课程计划书的要 求，制定了公司网站系统管理的计划方案，本网站可实现用户注册、登录、修改 信息、浏览产品等公司网站应具备的功能，同时添加了用户管理系统，进一步完 善了本网站的功能，在这次公司网站系统的设计过程中我受到很大启发：在网站 开发与设计上，体会到了理论与实际结合的重要性，认识到做一个完美的网站不 仅仅要考虑到网站功能及其效果的实现，更应该注重网站与用户的有机结合。 在老师耐心细致的指导下，同学之间相互交流，同时翻阅了大量的资料(包 括网上资料，书本及学校的一些相关资料)经过近一段时间的努力，企业网站的 设计制作告一段落。总结这次“某电器网站”开发制作过程，我们综合使用了目 前因特网上比较流行的各种静态、动态制作方法，并对初步利用后台程序完成生 成网页的技术。同时也从中学习了对静态页面的处理风格，色彩搭配，页面导航 方面有了一定经验。目前网站的制作技术与要求，都已经告别了因特网初期网站 制作的“幼稚”期，随着各类网站的迅速增加与浏览者需求的提高，无不要求网 站从立意，策划，页面设计到后台程序的全面提高。无论是个人网站还是企业网 站都必须被要求从浏览者角度出发，最大限度的满足用户