1、 3.1.4在线订单-10 3.1.5友情链接-11 3.1.6联系我们-12 3.1.7网站留言-123.2网站后台设计-13 3.2.2数据库连接-14 3.2.4后台留言管理-17 3.2.5后台新闻管理-18致 谢-28参考文献-29第一章 绪论1.1建立网站的必要性互联网作为信息双向交流和通讯的工具，已经成为商家青睐的传播媒介，被称之为广播、报纸、电视后的第五种媒体数字媒体。传统媒体的价格昂贵，又受到时间、地区等多方面因素的限定，效果不能令人满意。相比之下，网络宣传的费用是低廉的，而回报却丝毫不见逊色，能帮您把握广阔的国际发展空间和众多潜在的商业伙伴，是24小时的广告窗口。越来越多的
2、公司、单位建立自己的网络站点，使单位本身已不局限于某个地区，而是直接面向全世界，它的广泛性、高效性为企业带来了不容置疑的效益和效率，是否拥有自己的网站已经成为衡量一个单位综合的重要标志。网络可以带给企业不分地域、不分国别的大量客户，带来无限的商机。建立一个网站是非常有必要的。不仅可以给企业带来了经济效益，也起到了推广和宣传企业的作用。但是很多的中小型企业会觉得建设网站投资成本过高，而且要招聘相应的技术人员进行维护。本文主要是针对企业网站设计作介绍的，网站整体设计简洁、明了，系统具有很强的通用性，可视化的后台管理系统，以及可视化网页模板编辑系统。后台的傻瓜型设计让计算机门外汉也能管理网站，进行日
3、常的维护和更新，大大降低了企业在网络方面的投入在其设计中主要是运用了Dreamweaver C5 和ASP来制作页面，本站使用ASP模板便于风格修改。并运用ACCESS来连接数据库。网站设计达到了预期的效果，实现了中小型企业客户的小投入高回报的需求。网站所面对的不再是“被动”的读者，而是有目地的“主动”客户。买主以及潜在的客户将透过INTERNET主动的找到您的企业网站，要求他们所需要的服务。一个设计得当的企业网站，将能提供给予使用者需求，甚至达到双向的沟通，这是一般传统媒体所做不到的。这也是一个展示企业形象的一个良好平台。1.2网站开发的环境由于要求开发的是一个动态网站，运用到的ASP动态技
4、术来开发，因此我们要阐述一下ASP所开发的环境。ASP运行环境的配置非常方便，只要在Windows平台上安装IIS，Web服务器与ASP应用服务器的配置上基本上完成了。使用ASP技术进行开发时，可以通过建立自己的com组件，将应用程序的商业逻辑封装在可重用的模块中，以便在脚本、其他组件或其他程序中调用。Dreamweaver是集网页制作和网站管理于一身的所见即所得网页编辑器。ASP因为运行是在服务器端的，所以要求要有一定的运行环境，现在一般用的都是Windows XP/7，所以只需安装IIS。但是现在相对出现许多开发工具，如net box等。而现在开发的网页编辑器一般都是运用Dreamweav
5、er。硬件要求：装有Windows Xp/7系统的计算机。软件要求：IIS，Dreamweaver cs5，Fireworks cs5，Flash cs5。第二章 系统的功能分析2.1功能分析网站整体设计以红、绿、蓝三基色为主色，拾配配白色及黄色，并且使用了7套可选样式，整体效果舒适、和偕。采用ASP技术和ASSESS数据库来设计。设计风格简约明了，能够完美的展现企业形象，推广公司产品，且网站后台管理操作方便。根据网站要求对产品的宣传而设计了网站的一个后台控制，输入用户名admin和密码admin888即可登入后台操作了，网站系统配置了所见即所得的网页即时编辑器，可以直观的对页面进行编辑，能让
6、不懂网页编程的人也能轻松的掌握并熟练使用，网站具备产品查询功能和商品订单功能，产品查询功能主要是为了方便广大浏览者能查询到自己想要的产品,商品订单则发挥了电子商务的优势，使得销售窗口覆盖真个网络能辐射的地区，网站还加了留言板功能，实现了与企业与客户之间的沟通。为了完整的展示的文化及内涵，制作了动态页面。从不同的角度介绍了公司的特点和企业信息。网站主要的动态页面实现主要有关于我们、产品展示、新闻中心、在线订单、友情链接和留言这6个模块，公司简介主要是阐述公司的基本信息，产品展示是把企业的相关信息具体的展现出来，便于客户的查看，新闻中心是把IT界的业内新闻和的站内新闻一起发布出来，提供给客户查看公
7、司的最新信息和国际IT的动向，在线定单是为方便客户对公司的产品进行订购，而友情链接则发布了的一些相关企业的链接，留言则是可以让客户对公司提出的意见或是问题。其中各个页面相应的都有后台管理，具体的将会在第三章进行具体的介绍。2.2模块功能分析网站是根据该公司具体的情况而设计的。首先展示的公司网站的首页，首页包含了全站各主要功能的链接，通过首页客户可以很容易的找到自己需要的信息。同时也在新闻和产品发布页都插入了表单搜索使得导航模式更加快捷，整个网站的顶部和菜单栏都采用模板调用模式，只要修改模板就可以使得整个网站都得到更新。订单和留言功能做绑定，所有客户可以享受一站式服务。强大的后台管理功能，可以使
8、用所见即所得的编辑器对公司信息进行编辑和添加。2.3数据库设计网站主要运用了Access建立数据库。数据库连接成功后，使整个网站操作简便容易。网站数据库中建立了14个表：网站管理员表cms_admin，如表2.1所示导航菜单表cms_navigation，如表2.2所示网站信息表cms_system，如表2.3所示网站留言信息表cms_guestbook，如表2.4所示公司简介信息表cms_info，如表2.5所示公司新闻表cms_info，如表2.6所示友情链接cms_link，如表2.7所示产品订单表:cms_order, 如表2.8所示产品表:cms_info, 如表2.9所示产品分类表
9、:cms_chanel, 如表2.10所示图2.1 网站管理表：cms_admin图2.2导航菜单表：cms_navigation图2.3 网站信息表：cms_system图2.4 网站留言信息表：Cms-guestbook图2.5公司简介信息表：Cms_info图2.6 公司新闻表：同”公司简介信息表”cms_info图2.7 友情链接表：Cms_link图2.8 产品定单表：cms_order图2.9产品表：cms_info 同”图2.10分类表：cms_chanel第三章 网站的详细设计3.1网站前台设计网站整体设计风格明快、简洁。首页包含了新闻中心、产品中心、在线订单、关于我们、友情链
10、接、请您留言页链接。主页能够让人一目了然的知道各个链接页面，链接页面以文字的形式从不同方面展示公司的形象。在首页中，顶端设计了一个banner条，标明企业的主题，为企业做宣传打广告。首页中以文字的形式显示出最近的公告、新闻以及留言的内容，使程序执行的时间达到最短，并且呈现出最大的信息量。让浏览者一打开网站就能以最快的速度浏览到公司最新信息和业界的新闻，方便浏览者了解公司和世界IT行业的最新动态。左侧上方添加了一个可选SKIN的链接模块，浏览者可以根据个人爱好选择不同的网页样式；左侧下方添加了一个投票意见项，可以方便的与客户互动，得到各种建议。首页效果图如图3.1所示：图3.1 首页3.1.1前
11、台内容结构图图3.2前台内容结构图3.1.2新闻资讯新闻资讯是公司信息呈现的一个载体。在这里，用户可以很方便的浏览到本公司的各种新闻信息以及业内新闻。新闻中心且有分类显示新闻功能，并且设有方便的搜索功能，能够根据用户的选择进行快速的搜索，查找出最准确的信息。新闻中心效果图如图3.3所示： 图3.3 新闻资讯3.1.3产品展示产品展示页，主要功能就是把本公司的产品，更方便、直观的展示给浏览者看。在这里，首先是产品搜索功能，能够根据用户的选择及输入，精确的查找出用户希望看到的产品，搜索引擎下面是分类显示出推荐产品、最新产品、热门产品各种产品信息。产品展示效果图如图3.4所示：图3.4产品展示3.1
12、.4在线订单在网站我们增添了在线定单的功能，广大客户可以通过产品查询，选择自己喜欢，或者根据自己的爱好对的产品进行订购，在订购时必须填写正确，这样企业才能收到定单，才能促成相互间的合作。在线定单在这的主要作用是为了方便广大客户直接订购，不用再传统的远距离求购商品，所以，客户可以通过在线定单，免于以往的模式对产品进行订购，节省了客户宝贵的时间。此功能也可以让尽快的融入市场，为企业发展做奠基。在线定单效果图 如图3.5所示:图3.5 在线订单3.1.5友情链接在网站我们增加了一个友情链接的页面，友情链接可以在后台添加，管理，用户也可以在前台自助添加交换链接。这样更有利于本公司与相关企业的相互推广，
13、以达到双赢的目的。友情链接效果图如图3.6所示：图3.6 友情链接3.1.6联系我们关于我们这一页，在这里具体的描述出公司的相关情况。比如公司的建立时间、公司的类型、公司的性质等等。当浏览者浏览此页里，就能更加直观的了解到本企业的详细信息，有利于，客户与更深一步的交流。关于我们效果图如图3.7所示：图3.7 联系我们3.1.7网站留言网站设置了留言系统，可以方便广大客户对公司进行留言，加强了公司与客户间的联系，客户也可以通过留言来发表自己的问题和要求，把自己的问题或是公司存在的问题通过留言发表出来，并可通过留言来彼此联系，公司通过后台对留言者做出相应的回答，对问题做出相应的解决。网站留言效果图
14、如图3.8所示：图3.8 网站留言 3.2网站后台设计网站建设的主要核心是后台管理系统。通过对后台的操作来实现前台的信息更新，本公司网站后台设计的功能强大，操作方便。后台管理功能主要有，网站用户管理、新闻及产品的添加与分类管理、网站信息综合设置、友情链接管理、前台页面显示设置和数据安全处理。后台登录路径为：admin/admins_login.asp；账号为admin；密码为admin888；安全密码默认为空。后台登入界面图如下：图3.9后台登录界面在后台登录界面中输入账号密码，后台管理员账号为admin密码为admin888如果输入有误就会弹出错误的页面，输入正确则成功进入后台管理。后台登录
15、错误界面图如下：图3.10 登录错误界面后台登录成功后界面图如下：图3.11后台管理首页3.2.1后台管理流程图图3.12后台管理流程图3.2.2数据库连接网站是一个运用ASP来编写的动态网站，而现在每一个动态网，都会建立相应的数据库，而网则是运用ACCESS来建立的数据库，我们在这里采用代码法来连接数据库。具体的代码（_include/conn.asp）如下：3.2.3后台登录判断管理后台的登录是基于数据库上的，只有当后台连接上数据库后，网站才能正常运行。在这里，我们在数据库中建立了管理员账号和密码，只有输入正确才能进入后台管理，所以在这里必须正确进行判断。后台登录判断代码（admin/cm
16、s_login.asp）如下：%LANGUAGE=VBSCRIPT CODEPAGE=65001!DOCTYPE html PUBLIC -/W3C/DTD XHTML 1.0 Transitional/EN http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /-#include file=./_include/conn.asp-./_inc
17、lude/system_library.aspIf reqf（submit） = 管理登陆 Then Call nullback（reqf（login_name）, 用户名不能为空！ td colspan=2 td align=密码：login_passwordpassword验证码：tdlogin_verifycode size=4 maxlength=170img src=./_include/verifycode.asp onclick=javascript:this.src=./_include/verifycode.asp?tm=+Math.random（） style=backgr
18、ound:#EEEEEE; padding:5px; cursor:pointer; alt=点击更换 title=tr align=center3input type=reset value=清空数据 name=/table /div/body/html3.2.4后台留言管理在这里，管理者进行的都是数据库操作，管理者可以看到浏览者和客户反馈的留言信息,方便管理者对浏览者和客户进行交流，管理者可以通过后台对前台留言进行查看、回复和删除。后台管理可以把根据相关的留言解决相关的问题，给予客户和浏览者一个肯定的恢复，从而加强的形象和声誉。后台留言管理界面效果图如图3.13：图3.13后台留言管理后台留言管理相关代码（admin/ cms_guestbook.asp）如下：inc_global.asp div class=right_bottom
