产品网站设计毕业论文.doc

黄龙玉网站设计【摘要】随着Internet的飞速发展，Internet技术逐渐被应用到各行各业中，成为信息业研究开发的焦点。与此同时，越来越多的人希望自己建立和管理个人网站，本文主要阐述了如何建立一个关于黄龙玉的网站以及在建立中使用到的技术和软件。【关键词】网站建设 ASP 数据库Access一 引言 新的世纪，互联网进入一个崭新的阶段，信息化的发展带动其它产业的发展，各行业都将与它进行更深入的融合和渗透。互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。为了适应知识经济社会的需要，促进学习与交流。网上交流和协作的功能比较普遍；技术管理和资源管理受到重视。随着互联网的普及和发展，必将有越来越多的企业及个人在英特网上拥有自己的网站。网站建设成为企业形象宣传、产品展示推广、客户沟通的最新最快捷的桥梁；成为个人展示自我，与世界交流的重要平台。越来越多的人已开始从对互联网的认知阶段进入到认同和行动阶段。 Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的协作，更多的与外界交流新的信息，和他人共享信息，特构建我们龙陵的黄龙玉网站。1.1网站建设概述此次毕业设计的项目是构建一个黄龙玉网站，有登陆系统,网站主要实现对外宣传我们龙陵的黄龙玉,使访问者了解黄龙玉,以及带动黄龙玉产业的发展,促进龙陵的经济发展。网站采用ASP技术编写，数据库服务器采用Access 2003。1.2规划思路在个人网站的建设之中,如果信息很多且需不断更新,如几乎每天都会有诸如公告、留言回复、新闻等信息需要在网页上发布,如果用传统的方法直接修改网页脚本上的相应内容,实在十分繁琐且容易出错,且只能由网络用户进行,十分不便。如果采用基于ASP和数据库的动态网站信息管理,把这些相应的信息进行分类、筛选和审核后存入网络服务器的数据库中,再通过对数据库的相关操作来实现信息的方便、快速管理。具体说有以下三个方面的要求:(1) 每条信息能自动进行分类,分成通知栏、最新更新等;(2) 限于网页的容量,各类信息均以简要的标题显示,具体的内容通过由用户点击来另行开窗显示;(3) 为了防止非法信息,在进行信息发布时必须先进行密码校验;所以网站的用户才有权发布新闻。网站的基本风格是简洁明快的界面、关于黄龙玉的讯息和黄龙玉的知识以及黄龙玉精品的展示。以提高黄龙玉的知名度。在网页设计中遵循的几个基本原则是：1）主页上有黄龙玉的图片展示，以及黄龙玉的新闻能让浏览者一眼就知道是黄龙玉的主页，以突出了网站的主题。2）每个页面都导航界面，便于浏览者浏览。以及方便跳转，浏览其他内容。3）内容，内容是一个网站的灵魂。要使网站脱颖而出,须注意其组织的条理性、内容的充实性和新鲜性,以区别于其它同类网站,让上网者觉得物有所值。4）多媒体、交互性等综合功能。形式是一个网站内容的外在表现。其界面的质量直接影响访问者的主观感受。网页设计要体现专业特点,富有特色,给人耳目一新的感觉。此外,在网络带宽允许的条件下,应尽量采用最新的多媒体技术,集文本、音频、视频、动画于一体,使网站形式更为活跃,并给内容的实现提供有效的技术载体。基于以上所需实现的功能，所以我选择了ASP技术结合Macromedia Dreamweaver 8软件和Access架构黄龙玉网站。1.3 网站系统硬、软件配置(1) 硬件环境:PC服务器作为Web和数据库服务器;PC机作为各部门用户的前端。(2) 软件环境:服务器端安装Windows 2000 Ad2vance Server,Web服务器使用IIS,Access作为后台数据库系统,支持ASP;客户机安装Windows即可,浏览器不限;网络协议为TCP/ IP协议二、网站系统功能分析 2. 1 前台系统的功能结构2.1.1黄龙玉网站前台页面：黄龙玉网站主页如图所示：黄龙玉网站二级页面如图所示：黄龙玉三级网站页面如图所示：2.1.1黄龙玉网站主页功能特点通过进入主页及下级网页,可以实现通知栏、行业动态、最新更新、黄龙玉展示、友情链接等模块,而网站管理员可以快速、方便地对数据和信息进行更新和网上发布。本黄龙玉网站的功能是针对想理解黄龙玉的网友而设计的,有以下几种模块:(1). 通知栏模块这是该模块的主要功能,是发布关于黄龙玉的政策、和黄龙玉市场的规范、黄龙玉交易中心发布的信息以及黄龙玉的检验分级等等，为了让网友更好的了解现在黄龙玉的市场发展前景以及黄龙玉交易中心的情况。(2). 最新更新模块该模块是展示最新更新的黄龙玉组图，是为了让网友更好的了解以黄龙玉为原材料的饰品。(3). 行业动态模块包括一些关于黄龙玉的新闻，业界的评价以及一些关于黄龙玉的故事。让网友更加理解黄龙玉。(4).黄龙玉展示模块主要展示的是一些黄龙玉中的精品。(5). 友情链接模块链接了龙陵县政府网和龙陵县就业网，目的是提高龙陵的知名度，为龙陵政府做宣传。网站的导航主要有的模块是黄龙玉介绍、珠宝玉石、专家解答、玉石知识、关于我们五个模块。(1). 黄龙玉介绍模块 主要是黄龙玉简介，介绍黄龙玉的特性、种类、颜色种类的划分、矿区的介绍等等(2). 珠宝玉石模块 主要是其他一些珠宝玉石的介绍、以及黄龙玉和其他一些玉石的比较。(3). 专家解答模块主要提供一些专家对玉石的鉴别，玉石的好坏的解答。为了让大家能更多的了解，能买到优质的黄龙玉。(4). 玉石知识模块主要是介绍一些玉石的知识，玉文化、以及玉石的划分、玉石的硬度等等.(5).关于我们模块 主要是对龙陵的介绍，龙陵作为黄龙玉的产区。让更多的人来了解龙陵，走进龙陵。二级页面主要是为各模块的内容提供了一个目录，三级页面是展示内容。这样的三个页面构成了一个完整的网站。2.1.2黄龙玉网站前台页面主要实现代码（1）主页：Index.asp主页需要用ASP代码编写主要有三个模块，通知栏、最新更新、行业动态。三个模块代码编写基本一致，只有调用数据库栏目、主页上显示的标题长度和显示新闻的篇数不同，所以只要做好一个模块的代码，运行正确之后，其他模块代码就可以复制，然后做稍微修改就可以了。调用数据库代码如下：通知栏模块代码如下： ahref=info_show.asp?infoID= target=_blank12 then response.write(.)end if %   更多.（2）二级页面:Index2.asp二级页面主要是显示导航条下黄龙玉介绍、珠宝玉石、专家解答、玉石知识、关于我们五个模块的内容目录，以及主页模块更多的内容目录。调用数据库代码如下：导航条代码如下：主 页黄龙玉介绍珠宝玉石专家解答玉石知识关于我们二级页面页面代码如下：a href=info_show.asp?infoID= target=_blank25 thenresponse.write(.) end if% （2）三级页面:Info_show.asp 三级页面主要是显示主页，导航的详细内容。调用数据库代码如下：三级页面主要代码如下：发布人： 发布时间: 浏览次数： 在前台的页面中，还应用了跑马灯效果和CSS图片放大效果，这样使得页面的效果更加的丰富多彩。2.2后台系统的功能结构2.2.1黄龙玉网站后台主页如图所示：2.2.2黄龙玉网站后台系统功能特点：（1）操作简单、界面友好：完全控件式的页面布局，使得黄龙玉信息的录入工作更简便；许多选项包括信息类别、来源部门等只需要点击鼠标就可以完成。 （2）即时可见：对信息的处理（包括发布、修改、删除）将立即在主页的对应栏目显示出来，达到即时发布、即时见效的功能。（3）功能完善：包括常见网站的信息管理的各个方面：信息录入、浏览、删除、修改、检索等各个方面，完整地实现了网站对即时旅游信息的管理要求。2.2.3 后台各个模块功能的实现（1） 用户登录进入网站的分三种，一是管理员；管理员可以管理网站，发布新闻。二是一般游客，只能浏览网页，查看图片信息。用户登录结构图如图所示：登陆页面的设计：用户输入用户名、密码和验证码来登录，然后单击“登录”按钮。输入的数据提交后与数据库中的用户表进行匹配。表单域Username、 Password和验证码获取一个记录。如果访问者输入了一个无效的用户名，则记录集中将不会返回匹配的记录。我们可以通过查看标记来判断一个记录集是否为空。为空，则访问者将被拒绝进入该系统。不为空，则访问者的信息将从记录集中返回。写入Session变量，变量将在整个网站的所有网页中都是有效的。这些变量的存在与否及其取值将用于确定是否允许进入一个特定的网页。（2） 后台主页的功能特点后台页面主要分为新闻管理、查看日志、用户管理、修改密码、退出系统五个模块.新闻管理模块的主要功能是发布新的新闻，以及实现对已发布的新闻的修改、查看、删除功能。查看日志模块的主要功能是查看管理员登录的情况，主要显示何时何个用户用何个IP地址进行了登录。用户管理模块的主要功能是显示已经注册的用户的信息。主要显示用户名，联系方式积极管理权限。还可以对用户进行修改、删除和添加用户的操作。修改密码模块的主要功能是以登录用户的密码修改。退出系统模块的主要功能是用户退出后台管理系统。（3） 后台页面的实现后台页面的核心是新闻管理模块，其中新闻的发布、修改为重点。新闻发布新闻发布时要输入标题、一级分类、二级分类、和新闻内容。这样新闻发布以后，前台页面相应的位置就可以把发布的新闻显示出来。在新闻的编辑中的核心就是新闻内容的编辑。编辑框如图所示：编辑框代码： 简单的句代码，但调用的ewebeditor.asp却做了相当多的工作。 新闻修改新闻修改涉及到了接收数据库已经发布的新闻的问题，把已布发布的新闻继续保存在修改页面上，只是在其基础上对其进行修改。所以最重要的就是调用数据库的问题。编辑框也和发布新闻的一致。这样一来新闻就可以发布和修改了。调用数据库代码如下所示：2.3 数据库设计一个成功的网站，是建立在许多条件之上的，而数据库是其中一个非常重要的条件和关键技术。采用的是Access数据库。数据表User包含的字段有：用户名、真实姓名、密码、电话、电子邮箱和用户权限。字段说明如下：字段名称数据类型说 明userName文本用户名userRealName文本真实姓名userPassword文本用户密码userTelephone文本用户电话userEmail文本电子邮箱userPower文本用户权限数据表Journal包含的字段有：访问者编号、访问者姓名访问者真实姓名、访问者IP访问时间。字段说明如下：字段名称数据类型说 明journalID自动编号访问者编号journalUserName文本访问者姓名journalUserRealName文本访问者真实姓名journalIP文本访问者IPjournalTime文本访问时间journalOperation文本操作数据表Info包含的字段有：编号、标题、发布人、发布时间、操作、一级分类、二级分类、读取次数。字段说明如下：字段名称数据类型说 明infoID自动编号编号infoTitle文本标题infoWriter文本发布人infoTime文本发布时间infoContent备注操作infoType1文本一级分类infoType2文本二级分类infoReadTimes数字读取次数三、网站安全方面的完善3.1 MD5加密密码用或类似的网站,就可以把MD5加密的密码破解，防范：在常规的MD5再进行一些小的设计(如换位置、取一部分等)。3.2给ACCESS文件加个口令以独占方式打开Access，然后工具安全设置密码在数据库连接时加入密码(DBconn.asp) 3.3防止数据库文件被下载（1）、安装ASP.net（2）、把数据库的路径复杂化（3）、把数据库文件的后缀改成asp或asa3.4防止ASP的注入攻击在接收参数时进行过滤，主要是,or,and等，使用replace函数。四 总结龙陵黄龙玉网站的开发涉及到各方面的知识,ASP 只是提供了一个技术的基础。技术是为用户服务的,网站更要体现对用户的服务性,因为这关系到网站信息传播的及时性和高效性。ASP脚本语言和数据库的结合为网站开发者提供了广阔而又灵活的开发环境。Macromedia Dreamweaver 8软件给网页的制作带来了很大的便利，更是前台制