网站设计与开发论文

2022-05-13

下面是小编为大家整理的《网站设计与开发论文(精选3篇)》,供大家参考借鉴,希望可以帮助到有需要的朋友。摘要:本论文主要以互联网企业网站为主线,研究并阐述了企业网站的发展背景及相关技术,针对目前企业网站的主要特点,利用主流开发语言及工具实现企业网站的设计及开发工作。该研究内容涵盖网站设计、HTML、JavaScript、PHP等語言,以结合实际的方法联系学校所学综合运用,对学生的动手能力和知识的灵活运用起到了积极作用。

第一篇:网站设计与开发论文

中小学校园网站设计与开发

摘 要:近几年来,中小学校园网站的设计和开发受到了教育界的高度重视,已经进入到了一个蓬勃发展的阶段。本文以郎溪县十字中心小学网站的设计与开发为例,主要介绍了在该网站设计与开发过程中所使用的技术、需要实现的功能以及最后的运行效果。

关键词:校园网站;系统开发;网站设计;系统实现;网站安全

1 系统概述

1.1中小学网站的现状及发展

Internet的迅速发展,极大地推动了我国的网络建设。中小学校园网的开通,不仅改变了学校传统的教学模式、教学方法和教学手段,促进了教育观念和教学思想的转变,而且拓宽了教师和学生的视野,有利于培养学生的创造性思维,提高学生获取信息、分析信息、处理信息的能力和适应现代社会的能力,也从根本上促进了教学人员之间的信息交流、资源共享,成为学校教育最重要的基础设施。

1.2系统开发工具的选用及介绍

1.2.1Dreamweaver 8.0

本网站采用Dreamweaver 8.0 为基本网页开发工具,利用Dreamweaver 8.0中的可视化编辑功能,达到快速创建页面的效果。Dreamweaver 8.0是建立WEB站点和应用程序的专业工具,它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,功能强大,使得各个层次的开发人员和设计人员都能够快速创建基于标准的界面吸引人的网站和应用程序。

1.2.2数据库系统

MS SQL是微软的SQLServer数据库服务器,它是一个数据库平台,提供数据库的从服务器到终端的完整的解决方案。SQL Server一开始并不是微软自己研发的产品,而是当时为了要和IBM竞争时,与Sybase合作所产生的,其最早的发展者是Sybase,同时微软也和Sybase合作过 SQL Server 4.2版本的研发,微软亦将SQL Server 4.2移植到Windows NT(当时为3.1版),在与Sybase终止合作关系后,自力开发出SQL Server 6.0版,往后的SQL Server即均由微软自行研发。

1.2.3脚本语言

asp(Active Server Page)是微软公司开发的动态网页语言,用于动态网页编写。早期的Web程序开发是十分复杂的,以至于要制作一个简单的动态页面需要编写大量的C代码才能完成,于是Microsoft公司于1996年推出的一种Web应用开发技术asp,用于取代对Web服务器进行可编程扩展的CGI标准。ASP的主要功能是将脚本语言、HTML、组件和Web数据库访问功能有机地结合在一起,形成一个能在服务器端运行的应用程序,该应用程序可根据来自浏览器端的请求生成相应的HTML文档并回送开发环境简介。

1.3 ASP

1.3.1ASP的运行环境

目前,Microsoft公司推出的支持ASP的服务器有以下几个:

Microsoft Internet Information Server Version 4.0/5.0(简称IIS)

Microsoft Personal Web Server(简称PWS)

这两个主要是为Microsoft公司的WindowsNT/2000/XP系统开发的,当然功能和稳定性及安全性都强很多,目前大型的站点大多是用IIS作为服务器,而PWS是为一般的PC用户开发的。

1.3.2ASP的内置对象

Request对象 ,Response对象,Server对象,Session对象 ,Application对象,

1.3.3ADO在ASP中的应用

ADO(ActiveX Data Objects),简称ActiveX数据对象,是一种方便实用的可扩展链接数据库技术,利用它可以将数据库访问结果连接到Web页面。主要的3个对象为:① Connection对象:负责打开或连接数据库文件。②Recordset对象:存取数据库的内容,即为建立对数据库操作存取的结果集对象。③ Command对象:对数据库下达行动查询指令,以及执行SQLServer的StoredProcedure。

2系统的实现

功能模块设计:

搜索模块、学校信息模块、网站公告模块、图片模块、下载模块、后台管理模块。

3校园网站的安全性探讨

网站最重要的要考虑它的安全性,如果网站存在安全问题那将是一件很可怕的事情,更是棘手的问题。目前,很多网站上的程序存在安全漏洞,但如果编写程序的时候注意一点的话,还是可以避免的。

3.1用户名与密码被破解

攻击原理:用户名与密码,如果被通过某种方式获取到,后果是严重的。

防范技巧:用户名和密码尽量避免用自己的姓名、生日、电话号码、编号、身份证号;尽量复杂一点不要直接给予该用户修改、插入、删除记录的权限。

3.2验证被绕过

攻击原理:现在需要经过验证的程序大多是在页面头部加一个判断语句,但这还不够,有可能被黑客绕过验证直接进入。

防范技巧:需要经过验证的页面,可跟踪上一个页面的文件名,只有从上一页面转进来的会话才能读取这个页面。

3.3数据库下载漏洞

攻击原理:在做后台数据库时,如果被人通过各种方法知道或者猜到了服务器的数据库的路径和数据库名称,那么他也能够下载这个数据库文件,这是十分危险的。

防范技巧:

为你的数据库文件名称起个复杂的非常规的名字,并把它放在几层目录下。这样黑客要想通过猜的方式得到你的数据库文件就难上加难了。

不要把数据库名写在程序中。

3.4 文件的上传漏洞

攻击原理:图片或文件上传限制不严密,导致木马程序直接被上传到服务器。

防范技巧:在上传的代码中严格的限制上传文件的类型

4 结束语

本系统以十字中心小学网站的实用性为原则和前提。系统开发设计时注重交互功能模块的设计,同时在已实现的中小学校网站基础上进行了改进。在开发过程中采用了比较成熟的编程技术,系统设计充分考虑平台的易用性、实用性及可扩展性,本系统可根据实际应用过程中的需要进行数据库的转化,加强数据的安全性。

参考文献:

[1] 牟红云.抓规划 重应用-中小学校园网站的发展现状剖析与改进对策[DB/OL]. http://www.mzjky.cn/jcjy/ShowArticle.asp?ArticleID=12,2007.03.26

[2] 学校网站设计[DB/OL].http://www.lw208.com/asp/1.htm,2007.04.02

[3] 赵增敏.ASP动态网页设计[M].北京:电子工业出版社,2003

作者:伍婧

第二篇:企业网站的设计与开发

摘 要:本论文主要以互联网企业网站为主线,研究并阐述了企业网站的发展背景及相关技术,针对目前企业网站的主要特点,利用主流开发语言及工具实现企业网站的设计及开发工作。该研究内容涵盖网站设计、HTML、JavaScript、PHP等語言,以结合实际的方法联系学校所学综合运用,对学生的动手能力和知识的灵活运用起到了积极作用。

关键词:企业网站;网站设计;网站开发

随着互联网的广泛普及,其对人们的生活及工作的影响越来越大,互联网网站作为互联网技术的关键所在承载了与人们交互的主要表现形式。企业网站也随着互联网的推广如雨后春笋般涌现,企业网站在本世纪之初以宣传推广的主要形式逐渐演变为用户留言、在线订单、在线支付、信息查询等形式的功能形式,本文主要以企业网站整体规划、设计、开发、实施等阶段结合目前我国企业网站整体背景阐述了企业网站相关技术和规划设计。

一、我国企业网站整体情况

根据调查显示,我国截止目前网民规模达6.32亿[1],互联网普及率达46.9%,我国网站总数为273万个,我国互联网发展从应用广泛到逐渐深入[2],网络对我们的生活改变也由点到面,互联网对人们生活全方位渗透也进一步增加。

二、网站建设相关技术

目前企业网站建设涉及到诸多技术,主要包括HTML语言、CSS样式、JavaScript语言以及PHP语言。

三、网站架构设计

企业网站的设计可以分为服务器、负载均衡、网络传输设备等的硬件架构设计以及网站各个模块和功能的逻辑架构设计。具体设计情况如下:

1.物理架构设计

企业网站的建设需要保证其在大量用户访问时可以正常的为用户提供访问服务,这就需要有多台服务器来完成系统服务的冗余,当一台服务器出现故障后其他服务器可以通过负载均衡设备进行及时调配,对于用户来说是没有感知的。

网站物理架构,应用服务器采用负载均衡对外提供服务,其上安装Weblogic中间件,数据库服务器使用Oracle数据库对外提供服务,采用Oracle公司的RAS进行双机部署。

2.网站各模块设计

网站模块设计分为前台设计和后台设计,前台设计主要是展现给用户查看的网页,可以介绍企业形象、企业产品、用户留言或者直接在网上沟通[3];后台设计是给企业网站管理者使用的,主要用来管理前台信息的发布更新,控制前台页面展现形式和网站的相关功能。网站的模块由企业的网站具体需求来确定,以下主要列举企业网站使用较多的模块。

企业网站的首页是用户打开网站的第一页面,相当于网站的门面所以首页应该涵盖整个网站的主要内容摘要,同时让用户看上去赏心悦目

网站相关模块主要包括:关于网站模块,其下包括公司介绍、企业文化、产品应用、销售网络、资质认证等子模块,该模块主要用来宣传公司,让用户更了解企业,感受公司的软实力。产品展示模块,主要以产品展示系统为主,其中介绍企业的产品照片、相关参数和产品描述信息,该模块也可以根据产品分类设立若干子模块。新闻中心,其下包括企业动态、行业资讯、产品知识等子模块,该模块主要由新闻管理子系统提供服务。用户服务模块包括售后服务和产品订购子模块,主要以表单交互的方式让用户在网站上提交订购信息,企业管理员收到订购信息后交付销售人员根据用户提供的联系方式进行进一步的沟通商谈。联系我们模块提供了企业的地址和主要联系方式,该模块可以结合地理信息系统为用户展现企业地址,方便用户上门寻访。

3.网站后台设计

虽然网站后台的设计是为网站管理员设计的但是其设计关系到前台的诸多功能和网站是否可以安全稳定运行,故网站后台设计也非常重要。本企业网站的设计与开发研究了诸多其他主流企业网站的后台进行了设计和开发工作

四、企业网站的实现

以下根据上一章节设计情况对企业网站进行开发实施,开发工作包括前台设计图的切图工作、数据库设计工作、后台代码研发工作以及后台前台的对接等内容。本网站的开发使用了PHP语言进行后台程序编写,前台程序使用HTML+CSS实现,详细开发内容如下:

1.前台页面切图

页面切图是指将图形图像设计人员制作的前台页面效果图转换为由HTML语言、CSS语言、图形图像、文字信息等元素组成的网页显示形式。前台页面的设计图经过设计人员设计完毕并经过用户确定后则可以开始切图工作,切图质量的好坏直接影响到用户访问企业网站的速度和质量。

2.数据库设计

网站数据库应该充分考虑到网站后期的功能扩展,为之后的新功能开发留有余地,数据库的设计应该符合数据库三范式要求,将企业网站的数据进行解耦,可以接受的冗余度为标准进行设计。以下表3-1和表3-2为企业网站用户表设计:

3.后台程序研发

网站后台程序使用目前主流的网站开发语言PHP来进行研发,该语言具有灵活轻便等特点。其中用户登录验证代码如下:

//登录

if(!isset($_POST['submit'])){

exit('Illegal Access!');

}

$username = htmlspecialchars($_POST['username']);

$password = MD5($_POST['password']);

include('conn.php');

//检测用户名及密码是否正确

$check_query = mysql_query("select uid from users where username='$username' and password='$password' limit 1");

if($result = mysql_fetch_array($check_query)){

//登录成功

$_SESSION['username'] = $username;

$_SESSION['userid'] = $result['uid'];

echo $username,' welcome to homepage!

';

echo 'click here log out log on!

';

exit;

} else {

exit('Logon failure click here back try again');

}

session_start();

//注销登录

if($_GET['action'] == "logout"){

unset($_SESSION['userid']);

unset($_SESSION['username']);

echo 'success!click here tologon';

exit;

}

?>

当用户提交数据的时候会有数据从前台传递到后台数据库中,相关实现代码如下:

class DataBag {

/**

* 存储于 session 中的 key

*/

const SESSION_NAME = 'FiveSayDataBag';

/**

* 默认允许保留的历史纪录数量

* @var integer

*/

const DEFAULT_HISTORY_NUM = 5;

/**

* 獲取指定数据的值

* @param string $key session key

* @return mixed

*/

public static function get($key)

{

return self::session($key);

}

/**

* 设置指定数据的值

* @param string $key session key

* @param mixed $value session value

* @return void

*/

public static function set($key, $value)

{

self::session($key, $value);

self::sessionHistory($key, $value);

}

/**

* 获取所有的数据

* @param string $key session key

* @param mixed $value session value

* @return mixed

*/

public static function all()

{

return self::session();

}

/**

* 获取历史纪录

* @param string $key 历史纪录 key

* @return mixed

*/

public static function history($key = null)

{

return self::sessionHistory($key);

}

/**

* 读取/设置 允许保留的历史纪录数量

* @param integer $historyNum 历史纪录数

* @return mixed

*/

public static function historyNum($historyNum = null)

{

if (is_null($historyNum)) {

return $_SESSION[self::SESSION_NAME.'-historyNum'] ?: self::DEFAULT_HISTORY_NUM;

}

else {

$_SESSION[self::SESSION_NAME.'-historyNum'] = $historyNum;

}

}

/**

* 存储 或 获取 session 中的数据

* @param string $key session key

* @param mixed $value session value

* @return mixed

*/

private static function session($key = null, $value = null)

{

if (is_null($key)) {

return $_SESSION[self::SESSION_NAME];

}

elseif (is_null($value)) {

return $_SESSION[self::SESSION_NAME][$key];

}

else {

$_SESSION[self::SESSION_NAME][$key] = $value;

}

}

五、网站系统测试

网站系统开发完毕并部署到相应服务器中,平稳运行且经过系统测试不出现重大问题后方可进行上线试运行工作,上线试运行既将系统试验性的投入正常生产环境当中,由广大用户检验系统并提出在使用过程中出现的问题和建议。

1.系统测试

系统测试是将已经确认的软件、计算机硬件、外设、网络等其他元素结合在一起。系统发布后需要根据用户需求及论文实现目标进行测试,经过测试后方可交付用户使用。系统测试为系统在今后使用过程中提供有力保障,进行合理全面详细的系统评测及分析有及其重要的意义。

服务器测试环境搭建

本次测试服务器端主要有惠普DL580服务器组成,分别承担数据库服务器及应用系统服务器,如表5-1为服务器端测试环境表。

2.功能测试

黑盒测试也称功能测试,它是通过测试来检测每个功能是否都能正常使用,它把程序看作一個不能打开的黑盒子,在完全不考虑程序内部结构和内部特性的情况下,在程序接口进行测试。在做好应用服务器配置的前提下根据不同的功能输入相应的数据进行人机交互测试,通过输出结果检查时候返回正确。

参考文献

[1]黄海艇,胡俊溟.基于CMS的高校学院网站建设[J].电脑学习. 2009(01).

[2]陈志颖.企业网站的设计与实现[J].中国西部科技.2008(26).

[3]丁钰.企业网站的设计与实现[J].商场现代化.2007(10).

作者:蒋玥涵

第三篇:大学生兼职网站的设计与开发

摘要:顺应时代潮流,大学生兼职已经是普遍存在的一种现象,在校大学生的日常不再局限于校园,而是尝试着利用闲暇时间走出校园,通过兼职来初步体验社会。一个可靠又赚钱的兼职工作是每位兼职大学生的所求,针对这一现象,我们设计并开发了一个免费的大学生兼职网站,以此来满足大学生兼职的要求,能够让他们在这个网站上找到“量身定做”的工作。

关键词:大学生兼职网站;Jsp;Servlet;mysql数据库

The Design and Development of College Student's Part-time Website

WU Jin-yi, ZHAO Xin, YANG Shi-hao, ZHANG Kang, CHEN Lan, LI Yu-bo

(College of Information Science and Technology, Gansu Agricultural University, Lanzhou 730070, China)

Key words: Web sites for college students;Jsp;Servlet;The mysql database

1引言

高校大学生兼职是现代高校学生中普遍存在的一种现象,学生的日常工作不仅仅局限于校园,他们尝试着走出校园,接触社会,获得更多的生活费,这基本是每位大学生的所求。但是大学生兼职被骗的现象也屡见不鲜,一个安全可信赖的兼职网站更是每位兼职者的所求,好多的兼职工作不再是通过发传单实现,而是利用互联网技术发布兼职信息。JSP 是 Java Server Pages 的简介,其中文名称为 java 服务器界面,其实质是一个简化了的 servlet 设计,servler 主要指的是用 java 编写的服务器端程序。[1]基于JSP的简单易用性,本项目在该应用基础上,结合Servlet、mysql数据库,建立了一个大学生兼职网站,并对网站进行了初步测试。

2网站制作技术分析

本项目设计制作的大学生兼职网站设计在Windows操作系统环境下运行,利用Mysql数据库软件创建数据库,采用Java Server Pages作为开发语言,使用Adobe Photoshop CC 2018软件进行图片的处理工作,对网页进行不断优化,实现网页页面的美观和动态交互。

2.1 Servlet

Java Servlet技术为web开发者提供了一种简单可靠的机制来扩展web服务器的功能和访问现有的事务系统。在通信量较大的服务器上,Java Servlet的特点在于它的运行速度比CGI程序更快,而且各个用户的请求会被激活为单个线程,这样使得服务器端处理请求的系统开销明显降低。[2]因为servlet有可移植性好,功能强大,安全系数较高和代码简洁等特点,所以使用其作为实现界面与数据库交互的主要技术。

2.2 JSP

JSP是一种动态网络编程技术,具有“一次性编写,随处运行”的特性。使用JSP技术可结合html代码快速完成应用程序,代码简单清晰,能够在服务器直接执行,技术要求较其他技术更低,只需经过简单的培训学习就可进行系统的开发工作。

2.3 MySQL数据库

MySQL被称为关联数据库管理系统,是因为它并非将全部的数据信息放置于一个大仓库中,而是能够关联数据库并将数据保存于不同的表格里,这样的数据库管理系统就可以有效地提高速度和灵活性。[2]MySql数据库本身没有图形操作界面,只能进行命令行操作。但是为了方便操作,我们选用了SQLyog可视化操作界面,对MySql数据库进行相应的操作,大大降低了项目的开发难度。

3 大学生兼职网站的建设策略

网页的设计和网页的制作涉及多方面的专业知识,在开发时应该先进行全面规划。应先根据网站的内容与功能写好需求计划书、确定网站的主题,对网站进行整体规划。另外对于收集网站相关素材的收集、开发和测试网站和域名空间的申请与备案必须提前撰写好网站策划书。

3.1网站风格

网站的风格设计包括配色、字体、页面内容、页面布局、交互性、海报、宣传语等方面。大学生兼职网站是行业信息类网站,本网站为在校大学生提供兼职信息为目的。网站主要以暗蓝色和白色为主色调,该网站的流量主要来自学生群体,网页布局应该以简洁清晰为主,在网站上方设置导航栏与搜索栏方便学生进行对信息的检索,网页主题通过对兼职信息进行分类汇总,实現工作和求职者的对号入座。

3.2信息架构

根据需求分析,大学生兼职网站是行业信息类网站,主要负责为企业发布及时的招聘信息,为大学生提供相应的兼职工作,节省学生查找时间与中介费。网站主要针对企业发布工作和学生兼职就业的需求展开设计,保证网页的主题页面简洁与查询简便是网站建设的主要切入点,进行网站整体系统架构的规划。该网站主页面规划框架图将以下图所示框图为主来设计,如图1:

3.3网站界面设计

首页是进入网站的一个窗口,首页的外观设计往往决定了用户对网站的整体印象,用户通过首页的注册界面注册后可以直接跳转到网站动态页面。用户注册界面(如图2所示)

3.3.1页面设计技术分析

在网页设计中,css技术发挥了重要的作用,通过使用css技术及形式,可以实现网页的美化,风格的统一以及对网页页面的布局和控制。利用CSS技术,通过层叠以及页面压缩,可以有效 控制网页文件大小,实现样式与内容的分离,节约文件尺寸, 将网页文件变小。[3]

3.3.2网页预览

网站制作完成后,在浏览器进行页面预览,查看网页的最终制作效果。浏览网页方法较多,可根据自身情况来定,可选择多个浏览器来预览,观测其中的变化,设计出兼容于较多浏览器的页面。

3.4 Mysql数据库的连接

在Jsp中访问数据库的方法多种多样,本项目使用的是较为常见的使用JDBC驱动程序来连接Mysql数据库。JDBC是一种JavaAPI,用于执行SQL语句,它通常由一些采用用Java语言编写的接口和类构成,JDBC提供了一些標准的应用程序设计接口,使得软件开发人员能够使用纯Java API来编写数据库应用的相关程序。[4]连接到数据库MySQL的代码段为:

......

Connection conn=null;

try

{ / / 装载驱动程序

Class.forName("com.mysql.jdbc.Driver");

/ / 创建连接

String Conn="jdbc.mysql.://127.0.0.1:3306/js

p_db";//数据库名称

String User="root";//root用户名

String password=”root”;//密码设置

conn=DriverManager.getConnection(Conn,user,password);

out.print("

JDBC 专用驱动程序连接数据库成功!") ;

}

catch(Exception e)

{out.println("

JDBC专用驱动程序连接数据库失败!

");}

......

3.5测试网站

网站制作完成后,就对网站的各项性能进行了测试,针对问题并解决问题。首先考虑到了网站在各个浏览器下的兼容性,要符合多数大学生用户的浏览器版本,以便于推广网站。网站的优化是网站测试中重要的环节。通过站内、站外的优化,以此来提高搜索引擎排名,增强搜索引擎营销的效果。

4 结束语

本文较详细地阐述了大学生兼职网站在JSP、Servlet、mysql数据库技术下的制作。前端页面的开发较为简单,而后台数据的导入是制作网站的最大难题。进入网站前端页面后,可根据自己需求到达各个子页面,较为简易也是网站设计之初心,更适合大学生在该平台寻求兼职。

参考文献:

[1] 高志远.基于JSP 技术的毕业管理系统的设计[J].中国战略新兴产业,2018(32):109.

[2] 徐文. 基于 Servlet 的小区物业管理系统开发[J].信息与电脑:理论版, 2018(1):36-37.

[3] Krill,Paul.Rogue Wave buys PHP technology leader Zend[EB/OL].InfoWorld.com.

[4] 张静.CSS技术在网页设计中的应用研究[J].无线互联科技,2018(1):141-142.

[5] 孙振亚.JSP与MYSQL的连接.[J]. 数字技术与应用, 2012(1):173.

作者:吴进毅 赵鑫 杨世浩 张康 陈兰 李宇泊

上一篇:设备管理与维修论文下一篇:食品工程师职称论文