灯具网站制作.doc

《灯具网站制作.doc》由会员分享，可在线阅读，更多相关《灯具网站制作.doc（27页珍藏版）》请在沃文网上搜索。

1、灯具网站制作摘要：随着Internet的诞生和发展，Internet以惊人的速度对经济活动和社会活动产生日益广泛的影响，internet加剧了企业的生存环境，加快了整个市场的结构变革。为了在市场竟中生存和发展，企业必须实现信息化。企业网站是企业信息化的重要组成部分，是企业信息化的要求和电子商务的基础平台，企业网站的建立意义在于树立企业的形象，建立新型的商务管理模式，为企业客户提供更完善的服务，加强企业与社会之间的信息联系，改善内部管理，提高运营的效率。本系统主要是运用Photoshop CS5+Dreamweaver+ASP+Access作为系统开发工具，实现了前台企业网站的公司产品展示，后台

2、管理产品信息、新闻动态等功能。关键词：企业信息化、企业网站、电子商务Abstract：With the birth and development of the Internet,The network is more and more widely used in activities and social activities at an alarming rate. The Internet has changed the living environment of enterprise. It also changed the structure of the market quick

3、ly. In order to survive and develop in market competition, enterprises must realize that information is very important. Enterprise website is an important part to is the need of it and the basic platform of e-commerce, enterprise website is build to resume of corporate image, to establish a new busi

4、ness management model and to provide better service for enterprise customers, to strengthen the information links between the enterprise and the society, to improve the internal management and the operational efficiency.This system mainly is to use Photoshop CS5 + Dreamweaver + ASP + Access as a sys

5、tem development tool, Implements the enterprise website of company product display at the front desk, The backstage management product information, news and other functionsKeywords: enterprise informationization, enterprise website, electronic commerce目 录第一章 绪论11.1、引言11.2、选题意义11.3、论文结构1第二章 系统开发的技术基础

6、22.1、网页的架构Photoshop CS5制作22.2、网页开发工具Dreamweaver CS522.3、数据库软件 Access 200332.4、ASP(Active Server Page)技术32.5、HTML(Hyper Text Markup Language)语言4第三章 系统总体设计53.1、系统环境53.2、系统功能设计53.2.1、网站前台53.2.2、网站后台5第四章 系统详细设计54.1、系统数据库设计64.1.1 E-R图的设计64.1.2数据库的设计64.1.3数据表的定义64.2系统主页的设计74.2.1主页的构成74.2.2用户操作页面的各部分设计74.3

7、后台管理员操作界面的主要功能124.3.1网站管理124.3.2公司信息管理134.3.3公司产品管理194.4 系统测试23第五章 总结23参考文献2424第一章 绪论1.1、引言在网络快速发展的今天，我们依靠网络获取信息，而建立网站已经成为一个很普遍的问题了，利用网站，可以宣传该企业自身。跳出传统的营销模式，企业可通过网络宣传该企业的概况、产品、服务品质以及新闻等方面的内容。利用更快捷，更方便的方式来展示企业的产品，发布企业的信息，增强企业的形象，给企业提供更多发展契机，给企业更多的发展渠道。1.2、选题意义1、有利于提升企业形象 一般来说，企业建立自己的网站，不大可能马上给企业带来新客户

8、、新生意，也不大可能马上大幅度提升企业业绩。企业网站的作用更类似于企业在报纸和电视上所做的宣传公司本身及品牌的广告。不同之处在于企业网站容量更大，企业几乎可以把任何想让客户及公众知道的内容放入网站，让客户能够更深刻的了解该企业。2、使公司具有网络沟通能力。在中国，人们对互联网络往往有所误解，以为电子信箱就是互联网络。我们见过不少公司，将电子邮件地址当成网址，并印在名片上。实际上，电子邮件只是互联网络中一个最常用，最简单的功能之一，目前流行的企业软文，不仅仅能使企业与客户保持良好的关系，还能吸引更多的潜在客户浏览，从而挖掘潜在客户资源。客户互联网络真正的内涵在于其内容的丰富性，几乎无所不包。对于

9、一个企业来说，其具有网络沟通能力的标志是公司拥有自己的独立网站，而非电子信箱。3、可以全面详细地介绍公司及公司产品。公司网站的一个最基本的功能，就是能够全面、详细地介绍公司及公司产品。事实上，公司可以把任何想让人们知道的东西放入网址，如公司简介、新闻动态、产品的外观等，都可以展示于网上。4、可以降低通信费用。对于不少企业来说，每年的通信费用，尤其是涉及到进出口的通信费用，是一笔庞大的费用。利用公司网站所提供的电子信箱，可以有效地降低通信费用，这是企业网站的一个很实际的好处。1.3、论文结构本文的第一章如上述，通过引言引出本课题的意义，接下来介绍了选题的意义和论文的构成及研究内容。第二章详述了系

10、统开发工具的基础，包括网页的架构Photoshop CS5的制作，网页开发工具Dreamweaver CS5的特点，数据库软件Access2003的功能，ASP技术的总体概括，以及HTML语言的使用方法。第三章是系统总体设计，首先做出了系统的可行性分析和需求分析，并且介绍了系统的开发环境以及运行环境，接下来为系统的功能做出了详细的说明，还对系统的架构进行了详细的阐述。第四章作为系统的详细设计，首先介绍了系统数据库分析和系统数据库设计，而后对系统的主页与整体风格进行说明，然后主要介绍了前台操作界面，以及后台管理员操作界面的开发过程与功能详解。第五章作为总结。第二章 系统开发的技术基础2.1、网页

11、的架构Photoshop CS5制作Photoshop是世界顶尖级的图像设计与制作工具软件。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工。在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处理时，使用位图形式是最佳的选择，它在这方面的优点是矢量图无法比拟的。Photoshop掌握绘画的基础理论，学习色彩原理和选取颜色、范围选取、工具与绘图、图像编辑、控制图像色彩和色调、使用图层、路径、通道和蒙板的应用、滤镜等。Photoshop是搭配网页架构、切图等所应用的软件。2.2、网页开发工具Dreamweaver CS5Dreamweaver CS

12、5是美国MACROMEDIA公司开发的集网页制作和网站管理于一身的所见即所得网页编辑器，是一种可视化网页制作工具，利用它可以轻松地制作出跨越平台限制和跨越浏览器限制的动态网页.Dreamweaver CS5是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver CS5的发布，更坚定Dreamweaver CS5在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。Dreamweaver CS5可以开发HTML、XHTML、ASP、ASP.NET网站。通过平面设计工具以及代码提示

13、、标签编辑器、可扩展色彩代码、标签选择器、片段和代码检验这类编码特性来实现对代码和设计的管理。Dreamweaver CS5 还包括有预建的布局和代码，其中有网站结构、表格、可访问的模板以及为客户端交互应用而提供的JavaScript。2.3、数据库软件 Access 2003Access 2003是 Microsoft office 2003系列办公软件之一，Access成为世界上最流行的桌面数据库系统。Access与许多优秀的关系数据库一样，可以让你很容易地连接相关的信息而且还对其他的数据库系统有所补充。在Access 的操作对于数据库整合而言，提供了相当强的解决方案，并且将所有的数据库组

14、件整合在单一的文件中，其中包括表、查询、窗体、模块、报表等。Access还提供Windows操作系统的高级应用程序开发系统。Access与其他的数据库开发系统之间相当显著的区别就是：你不用写一行代码，就可以很短的时间内开发出一个功能强大的而且相当专业的数据库应用程序，并且这一过程是完全可视的。如果你能给他加上简短的VBA代码，那么所开发出来决不比专业程序员开发的差多少。我之所以选用Access作为我的数据库其主要原因是，它的移置性比较好，移置后不用做导入等复杂的操作，在演示的时候不容易出问题。其次，考虑到不是用于商业目的，选用小型的数据库就足够了。如果仅仅需要编辑静态的HTML网页，那么安装和

15、配置服务器不是必需的，因为HTML页面的运行无需服务器的支持，但是如果需要在本地测试ASP或者ASP.NET等动态网页，那么服务器的支持是必不可少的。2.4、ASP(Active Server Page)技术ASP全称为Active Server Pages（动态服务器主页），它是一种应用程序环境，可以利用VBScript或Java Script语言来设计，主要用于网络数据库的查询与管理。其工作原理是当浏览者发出浏览请求的时候，服务器会自动将 ASP 的程序码，解释为标准 HTML 格式的网页内容，再送到浏览者浏览器上显示出来。我们也可以将ASP理解为一种特殊的CGI (Common Gate

16、way Interface)是HTTP服务器与你的或其它机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上)。利用ASP生成的网页，与HTML相比具有更大的灵活性。只要结构合理，一个ASP页面就可以取代成千上万网页。Active Server的另一大优点是代码的安全性。当用户从浏览器向Web服务器提出请求时，Web服务器会自动将ASP的程序解释为标准的HTML格式的主页内容，用户端只要使用常规可执行HTML程序的浏览器，就可浏览ASP所设计的主页内容，因此与浏览器无关，并且保证了ASP的源程序代码不会外漏。此外，ASP技术的另一个重要特点是，程序员可以利用C#、Visual C+等

17、语言制作适应自己特殊需要的ActiveX服务器组件来扩充ASP的功能，使自己的动态网页几乎具有无限的扩充能力，这是传统的CGI程序所不及的。总而言之ASP具有学习快、设计快的特点，不需花许多时间即可学会和快速设计出WEB应用程序。ASP的源程序码在服务器端执行，代码保密性好。集成在HTML中，无需编译链接可直接执行，而且使用文本编辑器即可设计。在网站系统的开发应用中，Microsoft公司的ASP（Active Server Pages）被广为使用。ASP实际上是将标准的HTML文件拓展了一些附加特征，为编写人员提供了在服务器端运行脚本的环境，使编写人员可以利用VBScript和JavaScr

18、ipt或其他的第三方脚本语言来创建ASP，实现了过去需要编写复杂的CGI程序才能实现的有动态内容的网页，如计数器等。ASP提供了一些内置对象和组件，允许用户从浏览器中接收和发送信息。ASP可以和诸如Microsoft Visual Studio 2008和Microsoft Access2000这样的数据库进行连接，进而完成数据的交换与更新。2.5、HTML(Hyper Text Markup Language)语言HTML的英文全称是Hypertext Markup Language，中文译为“超文本标记语言”。“超文本”就是指页面内可以包含图片，联接，甚至音乐，程序等非文字的元素。HTML

19、是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符来解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种URL指针，通过激活（点击）

20、它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。网页的本质就是HTML，通过结合使用其他的Web技术（如：脚本语言、CGI、组件等），可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。第三章 系统总体设计3.1、系统环境开发工具：Photoshop CS5、Dreamweaver CS5、Access 2003、 ASP(Active Server Page)、 HTML(Hyper Text Markup Language)浏览器：IE8操作系统：windows73.2、系统功能设计3.2.1、网站前台前台展示

21、要求实现：首页、公司简介、新闻动态、产品展示、公司荣誉、联系我们模块信息的展示功能。3.2.2、网站后台后台管理费用模块要求实现：简介更新、新闻动态更新、产品的管理、荣誉证书的管理多个功能模块的功能。前台系统完成客户浏览公司主要产品，企业文化，新闻动态，联系方式等信息。后台管理人员系统主要修改数据库中的数据，更新新闻动态，和添加产品信息。系统主页 前台管理员登录查看公司信息更新公司简介息添加产品信息修改产品信息删除产品信息添加新闻动态修改新闻动态删除新闻动态添加荣誉证书修改荣誉证书荣誉证书删除荣誉证书 系统功能结构图第四章 系统详细设计4.1、系统数据库设计4.1.1 E-R图的设计前台各实体

22、E-R图设计:首 页联系方式公司简介公司公司荣誉新闻动态产品展示4.1.2数据库的设计本系统共建了3个表1.Admin表包含管理员的登录用户名，登录密码用来保存管理员的信息。2.News表包含了公司的新闻、简介信息。3.Products表包含了产品的更新。4.1.3数据表的定义本系统数据表共有3个，每个表的数据结构分别为：表4.1Admin登录信息表4.2 News信息表4.3Products信息4.2系统主页的设计4.2.1主页的构成网站系统的主页主要完成公司简介、新闻动态、产品展示、公司荣誉以及公司的联系方式。其整体设计如下图所示：4.2.2用户操作页面的各部分设计公司简介模块：调用New

23、s表中company的字段下的信息显示。模块风格如下：新闻动态模块：调用News表中title的字段下的信息显示。 asp:SqlDataSource ID=SqlDataSource2 runat=server ConnectionString= ProviderName= SelectCommand=SELECT top 6 * FROM News WHERE (sort = ?) ORDER BY id DESC模块风格如下：产品展示模块：img src= width=100 height=155 / asp:SqlDataSource ID=SqlDataSource1 runat=s

24、erver ConnectionString= ProviderName= SelectCommand=SELECT * FROM Products ORDER BY id DESC页面显示如下：公司荣誉代码：页面显示：联系我们代码：电话：0311-12345678地址: 河北省石家庄市经济技术开发区三号路网址：页面显示：4.3后台管理员操作界面的主要功能为保证独立性，管理员操作界面通过网址:http:/localhost:6077/yongsheng/Admin/Login.aspx来登录的。主要拥有的功能是：网站简介的更新、公司新闻信息管理、产品信息管理。接下来对每一项的功能做出详尽说明：

25、4.3.1网站管理1登陆界面：2.更改初始信息初始信息主要指管理员登录名、登录密码的标题。对于用户名和密码管理员可能填写错误，重新填写的问题。if (oleDbDataReader1.HasRows) oleDbDataReader1.Read(); if (TextBox2.Text.ToString().Trim() = oleDbDataReader1pwd.ToString().Trim() Response.Redirect(Default.aspx); else string show = alert(您输入的密码不正确，请核对 ！); Response.Write(show);

26、else 4.3.2公司信息管理公司信息管理主要是公司的介绍，可以添加、删除、或者更改基本信息。TextBox5.Text = DateTime.Now.ToString().Trim(); oleDbConnection1.ConnectionString = System.Configuration.ConfigurationManager.ConnectionStringsConnectionString.ConnectionString; oleDbCommand1.Connection = oleDbConnection1; oleDbConnection1.Open(); if (

27、!IsPostBack) if (Request.QueryStringid != null) oleDbCommand1.CommandText = select * from News where sort= + Request.QueryStringid.ToString().Trim() + ; oleDbDataReader1 = oleDbCommand1.ExecuteReader(); if (oleDbDataReader1.HasRows) oleDbDataReader1.Read(); TextBox1.Text = oleDbDataReader1title.ToSt

28、ring().Trim(); FCKeditor1.Value = oleDbDataReader1contents.ToString().Trim(); TextBox3.Text = oleDbDataReader1user.ToString().Trim(); TextBox4.Text = oleDbDataReader1links.ToString().Trim(); TextBox5.Text = oleDbDataReader1date.ToString().Trim(); DropDownList1.SelectedValue = oleDbDataReader1sort.To

29、String().Trim(); oleDbDataReader1.Close(); if (Request.QueryStringedit != null) Button1.Text = 修 改; if (Request.QueryStringedit.ToString().Trim() = 公司简介 | Request.QueryStringedit.ToString().Trim() = 公司荣誉 | Request.QueryStringedit.ToString().Trim() = 联系我们) oleDbCommand1.CommandText = select * from Ne

30、ws where sort= + Request.QueryStringedit.ToString().Trim() + ; oleDbDataReader1 = oleDbCommand1.ExecuteReader(); if (oleDbDataReader1.HasRows) oleDbDataReader1.Read(); TextBox1.Text = oleDbDataReader1title.ToString().Trim(); FCKeditor1.Value = oleDbDataReader1contents.ToString().Trim(); TextBox3.Tex

31、t = oleDbDataReader1user.ToString().Trim(); TextBox4.Text = oleDbDataReader1links.ToString().Trim(); TextBox5.Text = oleDbDataReader1date.ToString().Trim(); DropDownList1.SelectedValue = oleDbDataReader1sort.ToString().Trim(); oleDbDataReader1.Close(); else oleDbCommand1.CommandText = select * from

32、News where id= + Request.QueryStringedit.ToString().Trim(); oleDbDataReader1 = oleDbCommand1.ExecuteReader(); if (oleDbDataReader1.HasRows) oleDbDataReader1.Read(); TextBox1.Text = oleDbDataReader1title.ToString().Trim(); FCKeditor1.Value = oleDbDataReader1contents.ToString().Trim(); TextBox3.Text =

33、 oleDbDataReader1user.ToString().Trim(); TextBox4.Text = oleDbDataReader1links.ToString().Trim(); TextBox5.Text = oleDbDataReader1date.ToString().Trim(); DropDownList1.SelectedValue = oleDbDataReader1sort.ToString().Trim(); oleDbDataReader1.Close(); oleDbConnection1.Close(); protected void Button1_C

34、lick(object sender, EventArgs e) oleDbConnection1.ConnectionString = System.Configuration.ConfigurationManager.ConnectionStringsConnectionString.ConnectionString; oleDbCommand1.Connection = oleDbConnection1; oleDbConnection1.Open(); oleDbConnection2.ConnectionString = System.Configuration.Configurat

35、ionManager.ConnectionStringsConnectionString.ConnectionString; oleDbCommand2.Connection = oleDbConnection2; oleDbConnection2.Open(); if (Request.QueryStringedit != null) if (Request.QueryStringedit.ToString().Trim() = 公司简介 | Request.QueryStringedit.ToString().Trim() = 公司荣誉 | Request.QueryStringedit.

36、ToString().Trim() = 联系我们) oleDbCommand1.CommandText = update News set title= + TextBox1.Text.ToString().Trim() + ,contents= + FCKeditor1.Value.ToString().Trim() + ,user= + TextBox3.Text.ToString().Trim() + ,links= + TextBox4.Text.ToString().Trim() + where sort= + Request.QueryStringedit.ToString().Trim() + ; oleDbCommand1.ExecuteNonQuery(); Response.Write(alert(