2020.14科学技术创新Web开发中的JSP与HTML的基础应用
韩思凡
（西北民族大学，甘肃兰州730000）
1网页的基本构成
我们在设计网页的时候第一步是首先要考虑一个网页的基本构成要素，其中大体上可以分为页眉，主体，页脚。页眉用HTML中的header进行标记，页眉中一般包含了本网站标志，主导航和其他全站链接甚至搜索框等。例如，我们要开发一个叫做“开发之家”的网站，则网站的标志可以这样写：
<head>
<meta http-equiv="Content-Type"content="t
ext/html;charset=gb2312"/>
<title>开发之家</title>
</head>
网页的主体部分写在HTML标签的<body></body>部分，主要包括文字，图片，音频，视频等，其中插入文字的时候通常可用的标签有<span></span>,
<p></p>，插入图片的时候用<img/>标签，用src属性添加图片路径，例如代码如下：
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML  1.0 Transitional//EN""www.w3. org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=gb2312"/>
<title>开发之家</title>
</head>
<body>
<span>这是我在学习网页的时候插入的一句话</span>
<img src="file:///C|/Users/韩思凡/Pictures/第五.jpg"/>
</body>网页设计html代码大全继承关系
</html>。网页的页脚部分主要包含的有企业信息，友情连接，网站的权威以及信任度。友情连接可以用<a></a>来实现。例如些友情连接，点击连接到百度，代码如下：<a href="www.baidu. com/">点击我连接到百度</a>，其中在<a></a>标签里用属性href来实现要连接到的地方去，href的值不同，点击后连接到达的网站就不一样。以上是写一个静态网页最基本的部分。但是我们日常在使用的时候并不是和静态网页进行交互的，否则意义不大，更多的是动态网页实现我们与数据库的交互，解决现实问题。
利用jsp实现分页，它读取数据的时候是分批次读取的，操作页数跳转的时候才从数据库中加载新的数据。可以用以下方法实现分页：
i：通过sql语句来首先计算得到数据库中的记录条数，简写代码为：
String sql_count="select count(*)from article a where1=1";
int count=0;
Result uteQuery(sql_count);
()){
Int(1);
}
以上代码中的where1=1；的作用是为了方便拼接字符时出现条件判断的时候无法判断下一个是否需要拼接where字符。
ii：上述计算完数据库总记录数后就可以根据每一页要求的条数进行计算，这里我们每页分为20条，代码为：
int totalPages=0;
int limit=20;
if(count%limit==0){
totalPages=count/limit
}else{
totalPages=count/limit+1;
}
至此为止就只剩下前端操作了，限于篇幅，就不再详述。
2servlet
jsp与servlet是同一个东西，可以把jsp看成servlet的可视化界面。1：servlet是使用java程序向客户端输出HTML的java类2：与jsp的联系：jsp界面被编译后就是一个java类，该类继承自HttpjspBase
3可以与数据库交互的动态网页
3.1jsp在网页中实现登录注册。jsp在网页的制作中作用非常大，可以帮助我们和数据库进行交互，例如可以实现的第一个功能是登录注册。当我们要实现一个注册的功能的时候，第一步我们用HTML写好用来获取用户信息的表单例如性别，用户自己设置的密码，用户名......等等。然后通过<form></form>表单提交给对应的servlet进行系列处理后交JDBC，利用sql语句将新用户的信息填写到对应数据库的用户信息表中，此时注册完成。当然我们要实现登录功能的时候也是同样的道理，我们首先用HTML设计出可以获取用户账号，密码的输入框，然后通过<form></form>表单进行提交给相应的servlet处理，之后，交由JDBC执行sql语句，根据用户的账号密码去用户信息表中查询对应的用户，
查询结果包含相应用户则登录成功，否则用户不存在。
3.2实现文件的上传。文件上传的功能的实现主要依赖于JavaBean组件jspSmartUpload，这个组件可以直接在网
摘要：在一个网页的设计过程中，我们最基本会考虑到呈现给用户看到的界面部分和用户和系统进行交互的部分，前者我们称之为页面的“静态部分”，后者我们称之为页面的“动态部分”。设计中，HTML负责页面的静态部分，jsp则负责页面的动态部分。
关键词：网页设计；前端；基础应用
中图分类号：TP311.52文献标识码：A文章编号：2096-4390（2020）14-0071-02
作者简介：韩思凡（1997-），男，汉族，湖南凤凰人，本科，研究方向：软件工程。（转下页）
71
--

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。