员工信息管理系统 毕业设计.doc

湖南软件职业学院毕业设计(论文) 7 结论湖南软件职业学院毕业设计（论文） 员工信息管理系统a staff information management system摘要本文分别利用asp，php，jsp这三个动态网站技术，使用跨windows和linux平台的同一个数据库mysql，采用统一的三种格式的表单界面，借用三种连接数据库的方法，在三种不同特点的web服务器环境下,给出了电子商务网站设计中的主要的前台和后台程序。关键词：电子商务网站，网络数据库，asp，php，jsp，服务器目 录1 引言12 网页设计的布局23 网页设计的色彩搭配方法44 构建三种设计技术的运行环境65 生成三种格式的动态表单页面86 设计用于存储商务网站交互数据的mysql数据库.97 设计处理表单数据的3p程序108 三种电子商务网站设计技术综述159 结论16参考文献17致谢词18191 引 言1.1毕业设计的目的与意义目前动态网站设计技术主要有：利用perl/c+/delphi等开发的cgi,两种有名的api-isapi/nsapi,还有coldfusion，以及最近几年流行起来的3p技术-asp，php，jsp（据internet上有关网站统计约有近百种）； asp-ative server page，由微软公司开发 ，是一个web服务器端的开发环境，主要采用脚本语言vbscript（或javascript/perl等）作为自己的开发语言，可用odbc或直接驱动法访问window平台的数据库。php-person server page ，是由rasmus个人创立的一种跨平台的服务器端的嵌入式脚本语言. 它大量地借用c,java和perl语言的语法, 并耦合php自己的特性,.是一种很有个性的网站开发语言，它支持目前绝大多数数据库。jsp-java server page ， 是sun公司推出的新一代站点开发语言，sun 公司除java 应用程序 和 java applet 之外，又创立了jsp，其可以在serverlet和javabean的支持下，完成功能强大的站点程序开发，特别是有许多访问数据库的方法。在电子商务平台设计中，主要需要解决网站结构的设计，注册界面，交易界面，后台数据库，以及配套模块诸如购物/用户/论坛/反馈/搜索/会话等设计；考虑篇幅，本文只给出统一的前台界面及后台数据库的3p设计方法；可以说asp，php，jsp与网络数据库的操作是电子商务网站平台设计的坚强基石。也能让我们更好的了解制作电子商务网站。2 网页设计的布局网页设计实际上就是平面设计，不过目的性、时效性更强。每一次网页设计都可以看成平面设计，不同的是设计网页不仅是把相关内容放到网页中就行了，它还要求网页设计者能够把这些内容合理安排，给浏览者以赏心悦目的感觉，这样才能增强网站的吸引力。网页设计者能够随意控制页面上所有的元素，但假如不知道什么是约定俗成的标准或者说大多数浏览者的浏览习惯，那么就不可能在此基础上加上自己的东西，从而被广大浏览者所接受和欣赏。这些概念，也就是人们常说的章法。要做好页面设计，就必须先了解一些网页布局相关的基本概念。 2.1页面尺寸显示器的大小及分辨率的高低决定显示页面的尺寸，网页的最大局限性在于页面显示无法突破显示器的范围。由于浏览器本身也占用了网页显示的一部分，所以能显示网页的页面范围已经相当紧张。一般情况下，显示器在640*480像素的分辨率下，页面的显示尺寸为620*311像素:在800*600像素的分辨率下，显示器的分辨率越高，能显示的页面尺寸就越大。 2.2整体造型造型就是创造出来的物体形象，这里指页面的整体形象。尽管显示器和浏览器都是矩形，但对于页面的造型，可以充分运用各种形状以及它们的组合:矩形，圆形，三角形，菱形等等，但图形与文本的结合应该层叠有序。 2.3页头页头又称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字人多都显示在页眉里。这样，浏览者一看就能知道该站点的主题是什么。 2.4文本文字是网页的主体，是传达信息的最重要的方式。一方面是因为浏览网页上的文字和看书很相似，比较符合一般人的习惯，另一方面也因为文字所需要的存储空间非常小。文本的摆放位置决定着整个页面布局的可视性。在过去由于网页制作技术的局限，文本放置的位置灵活性非常小，随着dhtml的兴起，文本已经可以放置在页面的任何位置。 2.5页脚页脚是和页眉相呼应。页眉是放置站点主题的地方，而页脚是放置作者或公司等各种制作信息的地方。 2.6图片图片在网页中占有非常重要的地位。因为采用图片可以减少纯文字给人的枯燥感，巧妙的图像组合可以带给浏览者美的享受。 2.7多媒体多媒体一般指音频、视频、动画、虚拟现实等形式。将多媒体引入到网页，可以在很大程度上吸引浏览者的注意。利用多媒体文件可以制作出更有创造性、艺术性的作品，它的引入使得网站成了一个有声有色，动静相宜的世界。 2.8导航栏的位置导航栏能让我们在浏览时容易地到达不同的页面,是网页元素非常重要的部分,所以导航栏一定要清晰、醒目。一般来讲,如果内容非常多,就要考虑用“国字型”或拐角型;如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活。 3 网页设计的色彩搭配方法 在网页设计中，色彩成为一个非常重要的研究对象，约翰内斯伊顿是最早引入现代色彩体系的教育家之一，具有非常敏感的形式认识，他坚信色彩是理性的，只有了解色彩的科学构成，才能进行有色彩的自由表现。 3.1明确网站的主题、服务对象及用色彩要表达的目的要确定一个网页用什么色彩合适，即什么色彩适合什么网站。你必须要先弄明白该网站的主题和它的服务对象，以及你通过色彩希望达到的目的。 32确定网页的主色调根据网站的主题、服务对象及用色目的，给网站的网页选一个主色调，以形成一定风格。整个网页最好只有一个主色调。主调色彩一般可用公司的标准色，这符合公司的形象战略，可以提升公司形象。 3.3根据主调色选择辅助色彩主调色确定后，还可选一至两种辅助色配合使用，整个网页的色彩最好控制在三色之内。如果整个网页采用单色调，即只用一种色相，其辅助色只是在明度和纯度上作调整，间用中性色。采用单色调，易形成一种风格，在网页的局部要采用少量小面积的对比色以达到丰富页面的效果， 3.4确定背景和文本的色彩背景和文本的色彩对比要尽量大(一般明度对比为31到51)，以便突出主要文字内容，但不要过于亮丽，以免造成过强刺激的视觉效果。正文和标题的背景色可以不同，一般正文的背景色用淡雅色较佳，标题的背景色可用较鲜艳的。背景色如果以白色等淡色为主，其文本色要用低明度有彩色，这种搭配较利于阅读。 3.5最后确定超链接、超链接翻转效果当前超链接及已访问的超链接的色彩超链接的文本色彩，与其它文本的色彩要有差别，以利于浏览者进一步链接;如果利用翻转效果，其翻转效果的色彩应与超链接色彩不同，这样可以突出已选到的超链接，但翻转效果的色彩可以与当前超链接的色彩相同;已访问的超链接的色彩可以与超链接的色彩相同，也可以不同。 摘要：本文分别利用asp，php，jsp这三个动态网站技术，使用跨windows和linux平台的同一个数据库mysql，采用统一的三种格式的表单界面，借用三种连接数据库的方法，在三种不同特点的web服务器环境下,给出了电子商务网站设计中的主要的前台和后台程序。 关键词：电子商务网站，网络数据库，asp，php，jsp，服务器 4 构建三种设计技术的运行环境4.1构建asp的运行环境：nt5.0server,iis5.0 ,asp3.0 。 安装windows2000server(nt5.0server)时选择iis5.0有关选项。安装完后asp3.0便内嵌于iis5.0中。测试asp:启动浏览器，在地址栏处输入:80/default.asp,若浏览到iis服务器的asp欢迎页面，说明安装成功4.2构建php4的运行环境：nt5.0server, apache1.3.12 php4.0 安装支持php的web服务器apache1.3.12，将apache服务器压缩文件解压缩，根据提示进行整个安装过程,自己选择安装到目录d:apache下。安装php4，将php4压缩文件解压缩到d:php4即可，同时将其中的php.ini-dist文件拷贝到winnt目录中，将文件更名为php.ini,打开该文件将其中extension_dir 设置为：d:/php4,并加载扩展模块：将文件中含有;extention=*.dll的各项前面的;号去掉即可；修改设置aphache服务器，用文本编辑器编辑目录d：aphache目录下的子目录conf下名为httpd.conf的文本文件，首先将#servername *这一行下加入servername / ，其次将port 80改为port 81(或其他与iis5.0不冲突的端口),再其次设置更改apache虚拟目录,将documentroot d:/apache/htdocs改为documentroot d:/trade(该目录即是电子商务网站目录，可用任意方法建立目录trade)，最后加入支持php4的如下语句：scriptalias /php4/ d:/php4/ addtype application/x-httpd-php .php addtype application/x-httpd-php .phtml action application/x-httpd-php4 /php4/php.exe;测试php：完成上述步骤后，在d:trade目录下，用如何文本编辑器,生成扩展名为.php(或phtml)的文件test.php,在文件中输入如下php代码,存盘后，启动apache,接着你在浏览器中输入：：81/test.php，若看到php的版本和扩展模块等信息，说明环境安装设置成功。4.3构建jsp的运行环境：nt5.0server,resin1.13, jdk1.3 安装java编译器jdk1.3：运行jdk1_3-win.exe，按照提示完成安装即可,将其安装在d:java1.3目录,也可安装在其他目录。 设置系统环境参数：控制面板/系统/环境页中选择path 参数加入d:jdk1.3bin;增加新的环境参数classpath=d:jdk1.3libtools.jar;d:jdk1.3libdt.jar;，然后重新启动计算机即可安装支持jsp的web服务器resin1.1.3,将resin-1.1.3.zip释放为d:resin1.1.3 即可。配置服务器端口,打开d:/resin1.1.3/conf/目录下的resin.conf文件在8080标签处将端口设置为82(在我的nt5.0上装有三个服务器,这样三个服务器的端口分别为iis :80;apache:81;resin:82其实也可设置为其他互不冲突的端口号). 测试jsp：启动resin服务器，启动浏览器，在地址栏处输入:82/,若浏览到resin服务器的jsp欢迎页面，说明安装成功5 生成三种格式的动态表单页面 为了通用,这里采用可能用到的表单对象为例，至于下面设计具体数据表用到的字段，只要转成给出的表单域相应对象即可.5.1用asp动态生成与数据库进行数据交流的操作表单： form.asp： 生成表单域头： 生成普通文本： 生成密码文本： 生成滚动文本： 生成单选： 生成复选： 生成列表框： 生成提交按钮 生成重填按钮 生成表单域尾5.2用php动态生成与数据库进行数据交流的操作表单： form.php 生成表单域头：? 生成普通文本：? 生成密码文本：? 生成滚动文本：? 生成单选：? 生成复选：? 生成列表框：网络数据库asp技术php技术jsp技术网站设计 ? 生成提交按钮 ? 生成重填按钮? 生成表单域尾?5.3用jsp动态生成与数据库进行数据交流的操作表单 form.jsp 生成表单域头： 生成普通文本： 生成密码文本： 生成滚动文本： 生成单选： 生成复选： 生成列表框： 生成提交按钮 生成重填按钮 生成表单域尾6 设计用于存储商务网站交互数据的mysql数据库6.1 启动mysql数据库服务器(mysql的安装及odbc驱动程序的安装与设置请参阅相关书籍) 可在nt5.0下用启动服务法/net命令法/命令窗口键入mysqld-shareware法，启动mysql数据库服务器，启动数据库服务器后，在d:mysqlbin提示符下键入mysql-h -u root 即可出现mysql提示符，从这开始即可进行对mysql数据库的各种操作。若要退出可键入quit/exit,若要关闭数据库服务器，可在d:mysqlbin提示符下键mysqladmin -u root shutdown 4.2建立mysql数据库 在mysql数据库的提示符mysql键入create database tradedb ;(或go)6.2 建立mysql数据库表 这里以商务网站中常用的几种数据表为例，主要用到的数据表和生成数据表的sql代码如下：（这里的数据表字段只要分别对应上述表单域对象即可实际操作,数据表统一用tablename表示） 客户登录管理数据表 create table users ( id int not null auto_increment, username varchar(30) not null, password varchar(20) not null ) 客户信息数据表 create table usermessage ( username varchar(30) not null, email varchar(80) not null, address varchar(120) not null , fax varchar(40) null, phone varchar(40) not null, cerreycard varchar(50) not null ) 客户定购商品数据表 create table catalog ( productid int not null , name varchar(64) not null, price float(6,2) not null, description text null )7 设计处理表单数据的3p程序7.1 设计处理表单数据的asp程序 form_cl.asp 建立与数据库的连接：这里采用直接驱动法 set conn = server.createobject(adodb.connection)； conn.open driver=mysql;server=localhost;uid=user;pwd=xxxxxx;database=tradedb 获取表单提交的数据： data1=request(ptwbk)；data2=request(mmwbk)；data3=request(gdwbk) data4=request(dxk)；data5=request(fxk)；data6=request(lbk) 用sql语句对数据库进行操作 查询数据记录： sql=select * from tablename ；set rs=conn.execute(sql) 增加数据记录： sql=insert into tablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk) values(data1,data2,data3,data4,data5, data5)； set rs=conn.execute(sql) 更改某条数据记录： sql=update tablename set data1=request(ptwbk), where id=num； set rs=conn.execute(sql) 删除某条数据记录： sql=delete from tablename where id=num；set rs=conn.execute(sql) 将sql语句处理的数据结果输出 response.write response.write for i=0 to rs.fields.count-1 response.write & rs.fields(i).name & next response.write while not rs.eof response.write for i=0 to rs.fields.count-1 response.write & rs.fields(i).value & next response.write rs.movenext wend response.write 关闭数据库： rs.close；conn.close7.2 设计处理表单数据的php程序 form_cl.php 建立与数据库的连接：这里采用php的mysql函数法（也可用odbc函数法） $conn=odbc_connect(localhost,user,xxxxxx); 选择数据库: mysql_select_db(tradedb,$conn); 获去表单提交的数据： $data1=$ptwbk; $data2=$mmwbk; $data3=$gdwbk; $data4=$dxk; $data5=$fxk; $data6=$lbk; 用sql语句对数据库进行操作 查询数据记录： $sql=select * from tablename ；$result=odbc_do($conn,$sql); 增加数据记录： $sql=insert into tablename(ptwbk,mmwbk,gdwbk,dxk,fxk,lbk) values($data1,$data2,$data3,$data4,$data5,$data6);$result=odbc_do($conn,$sql); 更改某条数据记录： $sql=update tablename set $data1=ptwbk where id=num $result=odbc_do($conn,$sql); 删除某条数据记录:$sql=delete from tablename where id=num;$result=odbc_do($conn,$sql); 将sql语句处理的数据结果输出 odbc_result_all($result,border=1); 关闭数据库： odbc_close($conn);7.3 设计处理表单数据的jsp程序 form_cl.jsp 建立与数据库的连接：这里采用jdbc-odbc桥生成javabean法 创建一个javabean命名为conndb.java,并保存在d:/resin1.1.3/doc/web-inf/classes/trade目录下,代码如下：(限于篇幅这里没按标准书写,而采用不换行写法,其他类同) package trade; import java.sql.*; public class conndb string url=jdbc:inetdae:localhost;string login=user; string password = xxxxxx; string sdbdriver = sun.jdbc.odbc.jdbcodbcdriver;string sconnstr = jdbc:odbc:dsnmysql; connection conn = null; resultset rs = null; public conndb() try class.forname(sdbdriver); connection conn = drivermanager.getconnection(url,login,password); catch(java.lang.classnotfoundexception e) system.err.println(conndb(): + e.getmessage(); public/resultset/executequery(string/sql)/rs=null;tryconn=drivermanager.getconnection(sconnstr); statement stmt = conn.createstatement();rs = stmt.executequery(sql); catch(sqlexception ex) system.err.println(aq.executequery: + ex.getmessage(); return rs; 然后用javac编译conndb.java生成与其同目录的conndb.class文件，在form_cl.jsp文件中加入如下标签即可建立与数据库的连接 获去表单提交的数据： string data1=request.getparameter(ptwbk); string data2=request.getparameter(mmwbk ) string data3=request.getparameter(gdwbk ) string data4=request.getparameter(dxk ) string data5=request.getparameter(fxk ) string data5=request.getparameter(lbk ) 语句对数据库进行操作 查询数据记录： string sql=select * from tablename; connbean.executequery(sql); 增加数据记录： string sql=insert into tablename values( + data1 + , +data2 +, +data3 + , + data4+ +, + data5+, + data6+);connbean.executequery(sql); 更改某条数据记录： string sql=update tablename set data1= + ptwbk + ,data2= + mmvbk + ,data3= +gdwbk + where id= + num + ;connbean.executequery(sql) 删除某条数据记录: string sql=delete from tablename where id= +num+ ; connbean.executequery(sql); 将sql语句处理的数据结果输出 resultset rs = connbean.executequery(sql); while (rs.next() out.print(+rs.getstring(ptwbk)+);out.print(+ rs.getstring(mmvbk) + );out.print( + rs.getstring(gdwbk) + ); out.print( + rs.getstring(dxk) + );out.print( + rs.getstring(fxk) + );out.print( + rs.getstring(lbk) + ); 关闭数据库： rs.close();8 三种电子商务网站设计技术综述8.1 主要特性： 可见下表 设计技术 运行平台 服务器 开发程序 扩展组件 asp windows系列 iis vbscript/jscript/perl activex php unix系列, novell,windows apache等许多服务器 php function jsp unix系列, novell,windows resin等许多服务器 java javabean8.2 连接数据库的方法： 通过上述操作可看出，本文采用了三种操作mysql数据库的方法,asp采用直接驱动法,php采用mysql函数法,jsp采用jdbc-odbc/javabean法8.3 可操作的主要数据库 上述三种动态技术操作数据库的方法,可操作windows平台上的access/mssql/foxpro/informix/oracle等数据库,对php和jsp可操作linux平台上的数据库postgres/sybase/oracle等.9 结 论随着计算机网络通信技术和interne的飞速发展，基于因特网的计算机网上购物已经开始成为