花语企业网站的搭建毕业论文.doc

《花语企业网站的搭建毕业论文.doc》由会员分享，可在线阅读，更多相关《花语企业网站的搭建毕业论文.doc（126页珍藏版）》请在三一办公上搜索。

1、花语企业网站的搭建毕业论文花语纸类企业网站的搭建摘要：本设计使用了网页三剑客技术，SQL SERVER ，JSP等技术完成此项目。架设了一个纸类企业网站，该网站由前台静态页面部分和后台数据库及登陆注册部分组成，前端实现了网页之间的连接，每个模块之间的连接，页面的布局以及详细内容的添加。后台实现了用户登陆注册，新闻的添加，留言板模块等功能。由于初学乍练前台以金红叶企业资源信息为主，将其进行了整合。整体框架则是由恒安集团网站的整体布局来进行架构，对于有些我认为不妥的地方进行了修改。本文主要有七章内容，第一章是网站的整体构思与设计，第二章网站的整体结构，第三章网站的模块具体设计，第四章网站动态模块数

2、据库设计，第五章网站后台部分的设计，第六章网站测试与调试，第七章总结。关键词：网站设计 企业网站 JSP SQLServerThe design uses three musketeers technology page, SQL SERVER, JSP technologies such as the completion of the project. Set up a paper company website by the front part of the static pages and back-office databases and land registration com

3、ponents, front-end to achieve a link between a web page, the connection between each module, page layout and add details . Background achieved landing registered users, add news, message boards module functions. As the beginners training prospects gold leaves mainly enterprise resource information w

4、ill be its integration. The overall framework is by Heng Group of the overall layout of the site to carry out the structure, for some I think is nothing wrong with it were modified. In this paper, there were seven chapters, the first chapter is the site of the overall concept and design, Chapter II

5、of the overall site structure, Chapter III of the site specific design module, dynamic module Chapter IV website database design, the background part of Chapter V Site Design Chapter VI site testing and debugging, Chapter VII of the summing up.Key words: database; module目录前言6第1章网站的整体构思与设计6第1.1节 课题介绍

6、及研究意义6第1.2节 相近研究课题的特点及优缺点分析7第1.3节 现行研究存在的问题及解决办法7第1.4节 本论文的目的及工作内容8第2章 网站的整体结构8第2.1节 网站的整体结构8第2.2节 网站运用的技术与软件介绍8第2.3节 网站安全性设计9第3章 网站动态模块数据库设计9第3.1节 企业新闻栏数据库连接与操作介绍9第3.2节 企业新闻栏数据库的逻辑设计9第3.3节 企业新闻栏数据库的详细设计9第4章 网站的模块具体设计12第4.1节 关于首页模块的设计12第4.2节 关于企业介绍模块的设计13第4.3节 关于企业产品介绍模块的设计13第4.4节 关于企业新闻模块的设计14第4.5节

7、 关于登陆注册模块的设计14第4.6节 关于新闻模块的设计14第4.7节 关于留言板模块的设计14第4.8节 前台模块的部分截图15第5章 网站后台部分的设计21第5.1节网站登陆注册模块的设计21第5.2节新闻内容添加模块的设计42第5.3节 网站后台部分截图42第6章 网站测试与调试46第6.1节 网站设计中的难点46第6.2节 网站运行调试486.2.1 要灵活运用网页中的基本样式486.2.2 就是要活用Format Table命令486.2.3 同时链接到两个网页496.2.4 不给文件起中文名称496.2.5 巧妙设置字体分辨率496.2.6 巧妙隐藏标签506.2.7 善用拖放技

8、巧506.2.8 自动设置更新时间506.2.9 巧妙复制文字516.2.10善用快捷键516.2.11自动关闭网页516.2.12 巧妙设置对象名称516.2.13 为图象链接增加动态效果52总结52致谢53参考文献53附录：54目 录前言在Internet飞速发展的今天，由于WEB页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体，不但使信息的显示更加生动，而且让信息的浏览更为方便；使得互联网成为人们快速获取、管理和传递信息数据的重要渠道，它在人们的工作、生活、娱乐等各个方面发挥着重要作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中

9、按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用方面的地位显而易见。花语纸类企业网站是一个经销商，客户了解企业的一个平台性质的网站。提供经销商注册，便于与其进行及时的反馈，从而了解产品的具体销售情况。 在信息化的今天，人们已经开始习惯依靠网络，社会的方方面面都在逐步进入网络时代。因此作为网络中重要的组成部分网站，就必须为人们的信息浏览提供最大的方便。第1章 网站的整体构思与设计第1.1节 课题介绍及研究意义拿到开题文本后，首先大概扫了下题目，有3个是自己比较熟悉的行业，一个是小说类的，一个是减肥类的，还有一个是IT服务类的，我想挑战下新的行业所以选了这个纸类

10、企业的网站设计与搭建。选题了之后我立刻查询了下国内几个知名企业的公司网站，通过查询“金红叶”，“恒安”等国内多个知名企业的公司网站，感觉公司网站不是很吸引顾客的眼球，很少有那种视觉上的冲击。而且感觉很少对产品及公司的形象有个很好的阐述。国内的纸类公司很多，但是多数以小公司为主，很少有能像“金红叶”和“恒安”能走出那个象牙塔的。走出了之后没有很好的去建设自己的“门脸”，只追求了当前的利益，而忽视了长远的发展，个人觉得对公司的长远的战略发展不利，所以我想做个纸类企业的网站，做出一个比较能吸引顾客眼球的，让大家能通过网站去了解公司的运营情况跟产品信息。运用网页制作三剑客，制作一个属于自己想法的花语纸

11、类企业网站。技术上由于第一次接触这个网页三剑客，所以技术方面不是很熟悉，根据老师的授课内容，每天做好详尽的笔记，晚上内容方面尽可能的详尽吧，把公司的特色产品跟公司的形象联系在一起。以客户的要求为第一位。设想把这个网站做成个能吸引客户目光的一个网站，让大家对纸类用品有个比较详尽的认识。网络无限发达的今天，大家很多事情都是在网络完成的。例如购物，游戏等等，现在的网络已经无限深入到每个家庭的生活当中去了，当然作为企业来讲，企业网站就相当于是企业的大门一样，看到大门脸就知道这个公司的实力及内部情况，所以企业网站也要做的要有那种效果，让人能了解企业。运用网页三剑客等知识加上一些Photoshop改过的素

12、材，很容易的就能建设这个网站。当顾客看到这个网页的时候，会有种亲和力让顾客放心的购买企业的纸类产品。而且内容详尽让顾客满意客户对企业的了解程度，企业的价值毕竟了解有限，仅凭业务员的介绍依然不足，对于客户而言，依然是隔雾看山。而网站的设计与搭建犹如清洗剂，洗清客户的视线，洗除客户的优虑，是帮助客户深入了解这些互联网价值的最佳载体，清晰地帮助客户寻找到应用互联网的价值点，并以各种表现形式和功能，将互联网的价值表达到位，帮助客户下决定选择我们的企业。第1.2节 相近研究课题的特点及优缺点分析对比几家类似的企业公司，公司企业网站都做的比较简易，公司把自己的特色产品都做出了详尽的展示。对于企业的文化没有

13、在公司网站中很好的体现。由于是初学者，对于一些素材的整理可能有些欠缺，对于页面的色彩搭配上可能有些不妥。第1.3节 现行研究存在的问题及解决办法由于是初学者我将企业的文化-公司的主旨放在了页面之上，最醒目的位置，这样可以让消费者更好的了解公司的主旨。对于自己对于素材的处理可能有些欠缺，并且对于色彩搭配上有些不妥，我浏览的很多网页，并将它的素材截取下来学习研究。第1.4节 本论文的目的及工作内容介绍本网站的制作流程，详细说明了每个模块之间的连接于制作过程。第2章 网站的整体结构第2.1节 网站的整体结构首页企业介绍新闻栏产品介绍产品试用联系我们注册登陆新闻添加 图21 企业业务流程图第2.2节

14、网站运用的技术与软件介绍网页三剑客PHOTOSHOP：学自 中文版PHOTOSHOP CS3图像处理快学易通 张陆军 刘畅等编著，适用于PHOTOSHOP初、中级用户。网页三剑客：学自 Dreamweaver cs3,Flash cs3,Fireworks cs3 三合一实用教程 胡包成 梁普选等编著，适用于计算机初学者，也可作为计算机培训的教程。数据库：学自边用边学SQL Server苏俊编著，本书以学生信息数据库为主要线索来详细介绍SQL Server的各项实用功能。JBUILDER：Jbuilder 是一个可视话 JAVA 开发工具。它是在 Java 2 平台上开发商业应用程序、数据库、

15、发布程序的优秀工具。它支持 J2EE，所以程序员可以快速的转换企业版 Java 应用程序。第2.3节 网站安全性设计安全设计过程是周期性的。应用程序的安全不是只取决于开发人员和管理员在设计阶段的警戒，还取决于他们在应用程序整个生存期中的警戒。由于新的威胁几乎每天都会出现，因而必须经常仔细检查应用程序是否有潜在的安全性缺陷。但是，应用程序的初始设计决定了这些缺陷可能发生的频繁度。安全威胁是任何潜在的、可能对应用程序产生不良影响的事件（恶意的或无意的）。应用程序或操作系统的脆弱性使得威胁有可能发生。对应用程序的攻击是恶意入侵者执行的操作，它利用某些脆弱性以实施威胁。涉及的风险是攻击可对应用程序甚至

16、业务造成潜在损坏。在用户注册时我们会严把源头，以防威胁从源头进入内部。第3章 网站动态模块数据库设计第3.1节 企业新闻栏数据库连接与操作介绍在此次工程当中，我所用到的是SQL server2000数据库。在系统建立相应的数据源，然后采用sun公司提供的sun.jdbc.odbc.JdbcOdbcDriver连接桥进行连接。第3.2节 企业新闻栏数据库的逻辑设计与新闻相关的数据库表一共有2个，一个是新闻类型字典表，用来规范预定义新闻的类型，一个是新闻内容表，用来存放新闻的具体信息，其中新闻来源可空，其余内容不可空。第3.3节 企业新闻栏数据库的详细设计新闻类型字典表名为：newsbreedta

17、ble,其中的项包括：newsbreed_id(新闻类型id主键)，newsbreed_name(新闻类型名)，newsbreed_flag(新闻类型标志位)；新闻内容表名为：newstable,其中的项包括：news_id（新闻id，主键），news_name（新闻名），news_derivation（新闻来源名），news_message（新闻内容），newsbreed_id（新闻类型id），news_time（新闻创建时间）；其中，newstable表中的newsbreed_id是newsbreedtable表中的主键，通过newsbreed_id关联两表。与数据库相关的代码包括：pac

18、kage buct.yanzhe.paper;I m p o r t j a v a . s q l.D r i v e r M a n a g e r ;I m p o r t j a v a . s q l.S t a t e m e n t ;I m p o r t j a v a . s q l.S Q L E x c e p t i o n ;I m p o r t j a v a . s q l.C o n n e c t i o n ;I m p o r t j a v a . s q l.R e s u l t S e t ;/建立一个类public class NewsSes

19、sion /建立一个容器对象，用来存放从数据库中查寻的信息（私有）private NewData resultMessage = new NewData();/建立一个方法，返回值为容器NewData 类型 public NewData landUser() /建立数据库连接对象，用来连接与关闭数据库 Connection con=null; try /加载数据库连接桥 Class.forName(sun.jdbc.odbc.JdbcOdbcDriver); /获得与数据库连接，连接到paper数据库，用户名和密码为空 con = DriverManager.getConnection(jdb

20、c:odbc:paper, , ); /操作数据库语句的对象，提交sql语句 Statement st = con.createStatement(); /定义变量sqlValues用来存取sql语句 String sqlValues =SELECT news_name,news_derivation,news_message, news_id,newsbreed_id,news_time FROM newstable WHERE news_flag = 1; /数据库查询之后的返回结果,rs是在数据库查询结束之后返回来的结果 ResultSet rs = st.executeQuery(sq

21、lValues); /循环取出rs中的数据 while(rs.next() /存储查获的新闻名 resultMessage.setNewsName(rs.getString(news_name); /存储查获的新闻来源 resultMessage.setNewsDerivation(rs.getString(news_derivation); /存储查获的新闻内容 resultMessage.setNewsMessage(rs.getString(news_message); /存储查获的新闻id resultMessage.setNewsId(rs.getString(news_id); /

22、存储查获的新闻类型id resultMessage.setNewsNewsbreed(rs.getString(newsbreed_id); /存储查获的新闻创建时间 resultMessage.setNewsTime(rs.getString(news_time); /获取数据库连接异常 catch (ClassNotFoundException ex) /显示数据异常内容 System.out.println(ex); /获取SQL语句操作异常 catch (SQLException ex) /显示数据异常内容 System.out.println(ex); /将获得的内容返回 retur

23、n resultMessage; /类的实例化类 public NewsSession() 第4章 网站的模块具体设计第4.1节 关于首页模块的设计由于对色彩方面的感觉不是很好，老师给介绍了一个韩国化妆品的企业网站首页，让我进行再修改，由于第一个学的是PHOTOSHOP所以对于有些功能出现了淡忘，在同学的帮助下开始对这个首页进行了拆分，在拆分过程中发现了我们做的东西跟这一个首页的技术根本不值一提，我们做的太简单了，这个首页是由七个组构成，每个组里下设50+个层，每个层于每个层之间的连接非常紧密，有种牵一发而动全身的感觉。画面也做的是分细腻，而我们做的东西根本就是不值一提。我将我的网站素材进行了

24、整合选出了一张比较有特色的图片进行了与这个首页的整合， 保留了以前首页中对图像的的特效的设计。在前期的检查中老师反应我的首页缺乏动感，整体首页感觉很板。对于这个问题我在特色产品的下面添加了一个公司的宣传广告，使得原本很板的页面立刻有了活力。第4.2节 关于企业介绍模块的设计企业文化，从某种意义上讲，就是企业的价值观、企业的信念、企业的灵魂。一个没有灵魂的企业，是不可能获得持久发展的。今后企业竞争的一个最重要的内容便是企业文化的竞争。文化落后的企业被文化强大的企业战胜是勿庸质疑的。企业文化是一种力量。企业文化力，首先是凝聚力，第二是激励力，第三是约束力，第四是导向力，第五是纽带力，第六是辐射力。

25、这六种力，也可以叫六种功能，是企业文化的凝聚功能、激励功能、约束功能、导向功能、纽带功能、辐射功能。企业文化的这六种力量、六大功能，在未来企业的发展中将越来越明显、越来越强烈地表现出来。所以，我公司重视企业文化建设，表明了我公司的领导是富有远见的。企业文化是一个企业长期经营实践中所凝结起来的一种文化氛围、企业价值观、企业精神、经营境界和广大员工所认同的道德规范和行为方式。明确企业文化的这些主要内涵，这是十多年来大家所取得的一个共识。今后，企业文化将主要向着这个方面进行深化和拓展。企业介绍就是为了让消费者更好了了解企业，了解企业文化。第4.3节 关于企业产品介绍模块的设计在产品质量过硬、品种适销

26、对路，但又与对手不相上下的条件下，如何运用宣传策略打开市场，扩大销路，就成为十分重要的战略问题。尤其在与众多对手彼此的产品质量都好、品种多、差别较小的情况下，谁的价格策略运用得好，谁就在市场竞争中处于主动地位。所以我的产品列出了具体的详细规格，让客户对产品有个详尽的了解，我还将产品的清晰图片于详细数据想结合，让客户对产品更有个清晰的认识。由于对层布局的不熟悉我用了自己相对熟悉的表单布局。表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺

27、点是，当你用了过多表格时，页面下载速度受到影响。对于表格布局，你可以随便找一个站点的首页，然后保存为HTML文件，利用网页编辑工具打开它(要所见即所得的软件)，你会看到这个页面是如何利用表格的。第4.4节 关于企业新闻模块的设计一个企业能可持续发展，对于信息的采集是很有讲究的，既要对行业内部的新闻有所了解。又要对国家新闻及重大事件有所了解。还要对自己企业内部的新闻进行展示，让客户详尽的了解公司。并且向有志之士展示公司的文化，让人才能了解公司。所以我将企业新闻模块分为了3个部分，第一部分是新闻头条，里面是一些与行业有关的国家大事。第二部分是行业新闻，里面讲述了纸类企业这个行业里面的新闻。第三部分

28、是企业新闻，里面讲述了公司内部的一些重要事件。运用了简单的分页浏览技术，也就是每个新闻模块部分有个总栏，在下属分页上与本页链接。第4.5节 关于登陆注册模块的设计注册登陆模块与以往的系统一样，我的注册信息里只涉及到了姓名，联系地址，联系电话等最基本的一些资料。由于安全考虑放弃了那些比较不太相关的一些注册信息。后台语言是我一个比较薄弱的环节，所以做的比较简单。第4.6节 关于新闻模块的设计动态新闻模块，运用了数据库技术，将新闻的一些资料性的东西放入数据库中，数据库可以帮助你管理很多数据库的对象,宝库表,查询,窗体,报表等类型,他的功能并非只有一种,他提供很多的设计工具,使用他按照你的意思来设计数

29、据库,你可以用来编各种管理系统软件，也可以用来做动态网页有了这些后台的知识会让我们的网站更有活力。第4.7节 关于留言板模块的设计为了便于经销商对公司产品的意见反馈，我做了一个数据库，每天会有专职的职员对留言内容进行登记，对于垃圾信息可以及时删除。留言板的整体框架是由恒安集团的网站样式进行构架的。以蓝色背景为主，给人以静谧的感觉，使人充满希望。第4.8节 前台模块的部分截图主页： 图41 主页界面截图 图42 用户登陆界面截图 图43 用户登陆界面截图用户注册界面 图43 用户注册界面截图新用户添加成功界面 图44 新用户添加成功界面截图头条新闻主页面 图45 头条新闻主页面截图新闻具体信息

30、图46 头条新闻主页面截图留言板界面 图47 留言板截图留言发送界面 图48 留言发送截图新闻添加界面 图49 新闻添加截图第5章 网站后台部分的设计第5.1节 网站登陆注册模块的设计注册登陆模块逻辑是用jsp与servlet来实现，用jsp提交表单，建立一个Data容器类用来存储从表单中获取的内容，servlet服务器端用来获取表单并传给数据处理Session类完成数据的操作返回结果给servlet并跳转。其中注册页面的代码包括：Jsp代码内容:/建立function类用来判断用户输入的注册信息是否合法function userLogin() /建立一个变量,初始值为空,用来存放错误信息 v

31、ar infoError = null; /判断用户名是否为空 if(document.forms0.userName.value = ) /定义错误信息为请输入帐号 infoError = 请输入帐号; /如果用户名不为空,判断密码是否为空 else if(document.forms0.userPassword.value = ) /定义错误信息为请输入密码 infoError = 请输入密码; /如果密码不为空,判断用户真实姓名是否为空 else if(document.forms0.userRealName.value = ) /定义错误信息为请输入真实姓名 infoError = 请

32、输入真实姓名; /如果真实姓名不为空,判断用户地址是否为空 else if(document.forms0.userAddress.value = ) /定义错误信息为请输入地址 infoError = 请输入地址; /如果用户地址不为空,判断用户电话是否为空 else if(document.forms0.userPhone.value = ) /定义错误信息为请输入电话 infoError = 请输入电话; /判断错误信息是否为空 if(infoError = null) /提交 document.forms0.submit(); else /弹出对话框,内容是错误信息存储的内容 aler

33、t(infoError); /建立function类,用来清空所有的输入框内容function messageReturn() /用来清空用户名输入框中的内容 document.forms0.userName.value = ;/用来清空密码输入框中的内容 document.forms0.userPassword.value = ;/用来清空真实姓名输入框中的内容 document.forms0.userRealName.value = ;/用来清空用户地址输入框中的内容 document.forms0.userAddress.value = ;/用来清空用户电话输入框中的内容 documen

34、t.forms0.userPhone.value = ; Copyright 2008 huayu International Group Co., Ltd. servlet代码内容:package buct.yanzhe.paper;import javax.servlet.*;import javax.servlet.http.*;import java.io.*;import java.util.*;public class ServletUserLogin extends HttpServlet private static final String CONTENT_TYPE = te

35、xt/html; charset=GBK; /Initialize global variables public void init() throws ServletException /Process the HTTP Get request public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException /中文编码导入 request.setCharacterEncoding(GB2312); /从提取的表单中获得用户名信息

36、String userName = request.getParameter(userName); /从提取的表单中获得密码信息 String userPassword = request.getParameter(userPassword); /从提取的表单中获得用户真实姓名信息 String userRealName = request.getParameter(userRealName); /从提取的表单中获得用户地址信息 String userAddress = request.getParameter(userAddress); /从提取的表单中获得用户电话信息 String use

37、rPhone = request.getParameter(userPhone); /定义字符型变量,用来存放返回的信息 String returnMessage; /定义一个容器类对象,用来存放用户输入的信息 UserData userMassage = new UserData(); /将用户名信息存放到容器对象中 userMassage.setName(userName); /将用户密码信息存放到容器对象中 userMassage.setPassword(userPassword); /将用户真实姓名信息存放到容器对象中 userMassage.setUserRealName(userR

38、ealName); /将用户地址信息存放到容器对象中 userMassage.setAddress(userAddress); /将用户电话信息存放到容器对象中 userMassage.setPhone(userPhone); /定义一个数据处理类的对象,用来将用户输入的信息存放到数据库中 UserLoginSession addMessage = new UserLoginSession(); /获取存放后的返回值 returnMessage = addMessage.loginUser(userMassage); public void destroy() Session数据处理类代码:p

39、ackage buct.yanzhe.paper;I m p o r t j a v a . s q l.D r i v e r M a n a g e r ;I m p o r t j a v a . s q l.S t a t e m e n t ;I m p o r t j a v a . s q l.S Q L E x c e p t i o n ;I m p o r t j a v a . s q l.C o n n e c t i o n ;I m p o r t j a v a . s q l.R e s u l t S e t ;/建立一个类public class UserL

40、oginSession /建立一个变量,存放返回值 private String returnMessage;/建立一个方法，返回值为String 类型 public String loginUser(UserData userMessage) /建立数据库连接对象，用来连接与关闭数据库 Connection con=null; try /加载数据库连接桥 Class.forName(sun.jdbc.odbc.JdbcOdbcDriver); /获得与数据库连接，连接到paper数据库，用户名和密码为空 con = DriverManager.getConnection(jdbc:odbc:paper, , ); /操作数据库语句的对象，提交sql语句 Statement st = con.createStatement();String sqlValues=i