web开发中的jsp与html的基础应用_论文

文章描述:-2022年2月19日发(作者:逗号表达式)2020.14科学技术创新-71-Web开发中的JSP与HTML的基础应用韩思凡甘肃兰州)(西北民族大学,我们最基本会考虑到呈现给用户看到的界面部分和用户和系统进行交互的部分,前者我们摘要:在一个网页的设计过程中,“静态部分”,后者我们称之为页面的。设计中,称之为页面的“动态部分”HTML负责页面的静态部分,jsp则负责页面的动态部分。基础应

-

web开发中的jsp与html的基础应用_论文 2022年2月19日发(作者:逗号表达式)


2020.14科学技术创新
-
71
-
Web开发中的JSP与HTML的基础应用
韩思凡
甘肃
兰州730000)(西北民族大学,
我们最基本
会考虑到呈现给用户看到的界面部分和用户和系统进行交互的部分
,前者我
们摘要:在一个网页的设计过程中

“静态部分”,后
者我们称之为页面的
。设计中,
称之为页面的“
动态部分”
HTML负责页面的静态部分

jsp则负责页面的动态部分

基础应用
关键词:网页设计;前端

中图分类号:TP311.52文献标识码:A文章编号:2096-4390(2020)14-0071-02
1网页的基本构成
我们在设计网页的时候第一步是首先要考虑一个网页的基本
主体,页脚。页眉用
HTML中构成要素,其中大体上可以分为页眉

主导航和其他
的header进行标记,页眉中一般包含了本网站标志

全站链接甚至搜索框等。例如,我们要开发一个叫做“开发之家”的
网站,则网站的标志可以这样写


exthtml;charset=gb2312>
开发之家<title><br><head><br>主<br>网页的主体部分写在HTML标签的<body><body>部分,<br>其中插入文字的时候通常可用的<br>要包括文字,图片,音频,视频等,<br>标签有<span><span>,<br><p><p>,插入图片的时候用<img>标签,用src属性添加图<br>片路径,例如代码如下<br>:<br><!DOCTYPEhtmlPUBLICXHTML1.0<br>TransitionalE<br><br><htmlxmlns=<br><head><br><metahttp-equiv=content=<br>charset=gb2312><br><title>开发之家<title><br><head><br><body><br><span>这是我在学习网页的时候插入的一句话<span><br><imgsrc=韩思凡Pictures第五.jpg><br><body><br>友情连接,<br><html>。网页的页脚部分主要包含的有企业信息<br>,<br>友情连接可以用<br><a><a>来实现。<br>例如些<br>网站的权威以及信任度。<br>代码如下:<br>友情连接,点击连接到百度,<ahref=<br>com点击我连接到百度<a>,其中在<a><a>标签里用属性<br>href来实现要连接到的地方去<br>,<br>href的值不同,点击后连接到达的<br>但是我们日<br>网站就不一样。以上是写一个静态网页最基本的部分。<br>否则意义不大,更<br>常在使用的时候并不是和静态网页进行交互的,<br>解决现实问题。<br>多的是动态网页实现我们与数据库的交互<br>,<br>操作<br>利用jsp实现分页,它读取数据的时候是分批次读取的,<br>页数跳转的时候才从数据库中加载新的数据<br>。可以用以下方法实<br>现分页<br>:<br>简写代<br>i:通过sql语句来首先计算得到数据库中的记录条数,<br>码为<br>:<br>Stringsql_count=count(*)fromarticleawhere1=1<br>intcount=0;<br>Resultrs=eQuery(sql_count);<br>if(()){<br>count=(1);<br>}<br>以上代码中的where1=1;的作用是为了方便拼接字符时出现<br>条件判断的时候无法判断下一个是否需要拼接where字符<br>。<br>ii:上述计算完数据库总记录数后就可以根据每一页要求的条<br>数进行计算,这里我们每页分为20条,代码为<br>:<br>inttotalPages=0;<br>intlimit=20;<br>if(count%limit==0){<br>totalPages=countlimit<br>}else{<br>totalPages=countlimit+1;<br>}<br>限于篇幅,就不再详述。<br>至此为止就只剩下前端操作了,<br>2servlet<br>可以把<br>jsp看成servlet的可视化jsp与servlet是同一个东西<br>,<br>界面。1:servlet是使用java程序向客户端输出HTML的java类2:<br>与jsp的联系<br>:<br>jsp界面被编译后就是一个java类,该类继承自<br>HttpjspBase<br>3可以与数据库交互的动态网页<br>3.1jsp在网页中实现登录注册<br>。<br>jsp在网页的制作中作用非常<br>例如可以实现的第一个功能<br>大,可以帮助我们和数据库进行交互<br>,<br>第一步我们用<br>是登录注册。当我们要实现一个注册的功能的时候<br>,<br>HTML写好用来获取用户信息的表单例如性别<br>,用户自己设置的<br>密码,用户名......等等。然后通过<form><form>表单提交给对应的<br>servlet进行系列处理后交JDBC,利用sql语句将新用户的信息填<br>写到对应数据库的用户信息表中,此时注册完成。当然我们要实现<br>登录功能的时候也是同样的道理<br>,我们首先用<br>HTML设计出可以<br>然后通过<br><form><form>表单进行获取用户账号,密码的输入框<br>,<br>交由<br>JDBC执行sql语句,<br>根据用<br>提交给相应的servlet处理,之后<br>,<br>户的账号密码去用户信息表中查询对应的用户<br>,查询结果包含相<br>否则用户不存在。<br>应用户则登录成功,<br>3.2实现文件的上传。文件上传的功能的实现主要依赖于<br>JavaBean组件jspSmartUpload,这个组件可以直接在网<br>(转下页<br>)<br>(<br>1997-)<br>湖南凤凰<br>人,<br>本科,软件工程<br>。作者简介:韩思凡,男,汉族<br>,<br>研究方向:</p></div><p><h2>-</h2></p><div><img src="/uploads/image/0778.jpg" alt="web开发中的jsp与html的基础应用_论文 "/></img></div></br> </div> <div class="statement yc">发布时间:2022-02-19 01:21:06</div> <div class="statement yc">文章版权声明:除非注明,否则均为<span class="red">IT技术网-学习WEB前端开发等IT技术的网络平台</span>原创文章,转载或复制请以超链接形式并注明出处。</div> </article> </div> <ul class="single-nav"> <li class="entry-page-prev"><a href="https://www.173it.cn/wangluojishu/777.html" title="linux防火墙iptables常用规则">上一篇</a></li> <li class="entry-page-next"><a href="https://www.173it.cn/wangluojishu/779.html" title="H5书写规范概念熟记篇">下一篇</a></li> </ul> <div class="part-mor box-show wow fadeInDown"> <!--相关文章--> <h3 class="section-title"><span>相关阅读</span></h3> <ul class="section-cont-tags pic-box-list clearfix"> <!--相关分类--> <li><a href="https://www.173it.cn/bianchengkaifa/872079.html" title="华购生活系统软件开发" target="_blank">华购生活系统软件开发</a></li> <li><a href="https://www.173it.cn/bianchengkaifa/872078.html" title="满淘弘商城系统app开发" target="_blank">满淘弘商城系统app开发</a></li> <li><a href="https://www.173it.cn/bianchengkaifa/872077.html" title="乐惠购生活系统软件开发" target="_blank">乐惠购生活系统软件开发</a></li> <li><a href="https://www.173it.cn/bianchengkaifa/872076.html" title="京娱meta系统app开发" target="_blank">京娱meta系统app开发</a></li> <li><a href="https://www.173it.cn/bianchengkaifa/872075.html" title="乐惠购生活系统app开发" target="_blank">乐惠购生活系统app开发</a></li> <li><a href="https://www.173it.cn/bianchengkaifa/872074.html" title="闪店联盟系统app开发" target="_blank">闪店联盟系统app开发</a></li> <li><a href="https://www.173it.cn/bianchengkaifa/872073.html" title="NFT艺术品交易平台系统搭建多少价格" target="_blank">NFT艺术品交易平台系统搭建多少价格</a></li> <li><a href="https://www.173it.cn/bianchengkaifa/872072.html" title="山东nft数藏web3.0交易平台开发" target="_blank">山东nft数藏web3.0交易平台开发</a></li> </ul> </div> <section id="comments" class="box-show wow fadeInDown"> <!--评论框--> <div id="comt-respond" class="commentpost"> <h4>发表评论</h4> <form id="frmSumbit" target="_self" method="post" action="/addons/cms/comment/post.html" > <input type="hidden" name="__token__" value="9905442b5efc2310d2e0eadc38bc54b3" /> <input type="hidden" name="type" value="archives"/> <input type="hidden" name="aid" value="778"/> <input type="hidden" name="pid" id="pid" value="0"/> <!--verify--> <div id="comment-tools"> <div class="tools_text"> <textarea name="content" id="txaArticle" class="text input-block-level comt-area" cols="50" rows="4" tabindex="5" disabled placeholder="请登录后再发表评论"></textarea> </div> </div> <div class="psumbit"> <a href="/index/user/login" class="button" style=" text-align:center">登录</a> </div> </form> </div> <!--评论框结束--> <div class="commentlist"> <!--评论输出--> <div class="comment-tab"> <div class="come-comt"> 评论列表 <span id="comment_count">(有 <span style="color:#E1171B">17</span> 条评论,<span style="color:#E1171B">60</span>人围观)</span> </div> </div> <label id="AjaxCommentBegin"></label> <div class="shadow-box msg noimg wow fadeInRight" data-wow-delay="0.25s"> <div class="msgtxt"> </div> </div> </div> <span class="icon icon_comment" title="comment"></span> </section> </div> <div class="side fr"> <section class="widget wow fadeInDown" id="divPrevious"> <h3 class="widget-title">最近发表</h3> <ul class="widget-box divPrevious"> <div class="side_new"> <div class="side_new_dot"></div> <div class="side_new_inner"> <div class="side-new-title"><a href="https://www.173it.cn/bianchengkaifa/872079.html" title="华购生活系统软件开发" target="_blank">华购生活系统软件开发</a></div> <div class="side-new-time"><em>编程开发</em><span class="spot"></span>2022-11-27</div> </div> </div> <div class="side_new"> <div class="side_new_dot"></div> <div class="side_new_inner"> <div class="side-new-title"><a href="https://www.173it.cn/bianchengkaifa/872078.html" title="满淘弘商城系统app开发" target="_blank">满淘弘商城系统app开发</a></div> <div class="side-new-time"><em>编程开发</em><span class="spot"></span>2022-11-27</div> </div> </div> <div class="side_new"> <div class="side_new_dot"></div> <div class="side_new_inner"> <div class="side-new-title"><a href="https://www.173it.cn/bianchengkaifa/872077.html" title="乐惠购生活系统软件开发" target="_blank">乐惠购生活系统软件开发</a></div> <div class="side-new-time"><em>编程开发</em><span class="spot"></span>2022-11-27</div> </div> </div> <div class="side_new"> <div class="side_new_dot"></div> <div class="side_new_inner"> <div class="side-new-title"><a href="https://www.173it.cn/bianchengkaifa/872076.html" title="京娱meta系统app开发" target="_blank">京娱meta系统app开发</a></div> <div class="side-new-time"><em>编程开发</em><span class="spot"></span>2022-11-27</div> </div> </div> <div class="side_new"> <div class="side_new_dot"></div> <div class="side_new_inner"> <div class="side-new-title"><a href="https://www.173it.cn/bianchengkaifa/872075.html" title="乐惠购生活系统app开发" target="_blank">乐惠购生活系统app开发</a></div> <div class="side-new-time"><em>编程开发</em><span class="spot"></span>2022-11-27</div> </div> </div> <div class="side_new"> <div class="side_new_dot"></div> <div class="side_new_inner"> <div class="side-new-title"><a href="https://www.173it.cn/bianchengkaifa/872074.html" title="闪店联盟系统app开发" target="_blank">闪店联盟系统app开发</a></div> <div class="side-new-time"><em>编程开发</em><span class="spot"></span>2022-11-27</div> </div> </div> <div class="side_new"> <div class="side_new_dot"></div> <div class="side_new_inner"> <div class="side-new-title"><a href="https://www.173it.cn/bianchengkaifa/872073.html" title="NFT艺术品交易平台系统搭建多少价格" target="_blank">NFT艺术品交易平台系统搭建多少价格</a></div> <div class="side-new-time"><em>编程开发</em><span class="spot"></span>2022-11-27</div> </div> </div> <div class="side_new"> <div class="side_new_dot"></div> <div class="side_new_inner"> <div class="side-new-title"><a href="https://www.173it.cn/bianchengkaifa/872072.html" title="山东nft数藏web3.0交易平台开发" target="_blank">山东nft数藏web3.0交易平台开发</a></div> <div class="side-new-time"><em>编程开发</em><span class="spot"></span>2022-11-27</div> </div> </div> </ul> </section> <section class="widget wow fadeInDown" id="side_random"> <h3 class="widget-title">随便看看</h3> <ul class="widget-box side_random"> <li class="r-item"> <div class="r-item-wrap"><a class="r-thumb" href="https://www.173it.cn/bianchengkaifa/751976.html" target="_blank"><img width="480" height="300" src="https://www.173it.cn/uploads/image/0698.jpg" alt="PMC推出超千万IOPs闪存加速卡"></a> <h4 class="r-title"><a href="https://www.173it.cn/bianchengkaifa/751976.html" title="PMC推出超千万IOPs闪存加速卡" target="_blank">PMC推出超千万IOPs闪存加速卡</a></h4> </div> </li> <li class="r-item"> <div class="r-item-wrap"><a class="r-thumb" href="https://www.173it.cn/bianchengkaifa/299974.html" target="_blank"><img width="480" height="300" src="https://www.173it.cn/uploads/image/0114.jpg" alt="探寻“历史”与“学生生活”的链接点"></a> <h4 class="r-title"><a href="https://www.173it.cn/bianchengkaifa/299974.html" title="探寻“历史”与“学生生活”的链接点" target="_blank">探寻“历史”与“学生生活”的链接点</a></h4> </div> </li> <li class="r-item"> <div class="r-item-wrap"><a class="r-thumb" href="https://www.173it.cn/bianchengkaifa/230473.html" target="_blank"><img width="480" height="300" src="https://www.173it.cn/uploads/image/0423.jpg" alt="用于WCDMA UTRAN系统集成回归测试的自动化测试方案"></a> <h4 class="r-title"><a href="https://www.173it.cn/bianchengkaifa/230473.html" title="用于WCDMA UTRAN系统集成回归测试的自动化测试方案" target="_blank">用于WCDMA UTRAN系统集成回归测试的自动化测试方案</a></h4> </div> </li> <li class="r-item"> <div class="r-item-wrap"><a class="r-thumb" href="https://www.173it.cn/wangluojishu/679938.html" target="_blank"><img width="480" height="300" src="https://www.173it.cn/uploads/image/0798.jpg" alt="数学实践活动--算24点-教学设计"></a> <h4 class="r-title"><a href="https://www.173it.cn/wangluojishu/679938.html" title="数学实践活动--算24点-教学设计" target="_blank">数学实践活动--算24点-教学设计</a></h4> </div> </li> <li class="r-item"> <div class="r-item-wrap"><a class="r-thumb" href="https://www.173it.cn/bianchengkaifa/15900.html" target="_blank"><img width="480" height="300" src="https://www.173it.cn/uploads/image/0264.jpg" alt="(经典)Android应用测试指南"></a> <h4 class="r-title"><a href="https://www.173it.cn/bianchengkaifa/15900.html" title="(经典)Android应用测试指南" target="_blank">(经典)Android应用测试指南</a></h4> </div> </li> <li class="r-item"> <div class="r-item-wrap"><a class="r-thumb" href="https://www.173it.cn/wangluojishu/65705.html" target="_blank"><img width="480" height="300" src="https://www.173it.cn/uploads/image/0827.jpg" alt="虚拟机中linux系统修改主机名和ip地址"></a> <h4 class="r-title"><a href="https://www.173it.cn/wangluojishu/65705.html" title="虚拟机中linux系统修改主机名和ip地址" target="_blank">虚拟机中linux系统修改主机名和ip地址</a></h4> </div> </li> </ul> </section> <section class="widget wow fadeInDown" id="side_hot"> <h3 class="widget-title">热门文章</h3> <div class="widget-box side_hot"> <div class="list-media"><a class="media-content" href="https://www.173it.cn/bianchengkaifa/515316.html" target="_blank" style="background-image:url(https://www.173it.cn/uploads/image/0248.jpg)"><span class="list-overlay"></span></a> <div class="list-content"><a href="https://www.173it.cn/bianchengkaifa/515316.html" class="list-title h-2x">2001年至2011年大学生自杀事件最新不完全统计</a> <p class="list-footer"><span class="text-read">42911 阅读 ,</span> <time class="d-inline-block">11-27</time> </p> </div> </div> <div class="list-media"><a class="media-content" href="https://www.173it.cn/wangluojishu/25807.html" target="_blank" style="background-image:url(https://www.173it.cn/uploads/image/0848.jpg)"><span class="list-overlay"></span></a> <div class="list-content"><a href="https://www.173it.cn/wangluojishu/25807.html" class="list-title h-2x">迎接党的二十大横幅标语</a> <p class="list-footer"><span class="text-read">14687 阅读 ,</span> <time class="d-inline-block">11-27</time> </p> </div> </div> <div class="list-media"><a class="media-content" href="https://www.173it.cn/wangluojishu/519045.html" target="_blank" style="background-image:url(https://www.173it.cn/uploads/image/0427.jpg)"><span class="list-overlay"></span></a> <div class="list-content"><a href="https://www.173it.cn/wangluojishu/519045.html" class="list-title h-2x">管理习题有答案</a> <p class="list-footer"><span class="text-read">10707 阅读 ,</span> <time class="d-inline-block">11-27</time> </p> </div> </div> <div class="list-media"><a class="media-content" href="https://www.173it.cn/wangluojishu/430109.html" target="_blank" style="background-image:url(https://www.173it.cn/uploads/image/0202.jpg)"><span class="list-overlay"></span></a> <div class="list-content"><a href="https://www.173it.cn/wangluojishu/430109.html" class="list-title h-2x">西方世界的劫难Ⅳ图文全攻略(主线+支线)</a> <p class="list-footer"><span class="text-read">9200 阅读 ,</span> <time class="d-inline-block">11-27</time> </p> </div> </div> <div class="list-media"><a class="media-content" href="https://www.173it.cn/bianchengkaifa/218752.html" target="_blank" style="background-image:url(https://www.173it.cn/uploads/image/0543.jpg)"><span class="list-overlay"></span></a> <div class="list-content"><a href="https://www.173it.cn/bianchengkaifa/218752.html" class="list-title h-2x">JavaScript%E5%A4%8D%E4%B9%A0%E8%B5%84%E6%96%99</a> <p class="list-footer"><span class="text-read">8865 阅读 ,</span> <time class="d-inline-block">11-27</time> </p> </div> </div> </div> </section> <section class="widget wow fadeInDown" id="divTags" style="visibility: visible; animation-name: fadeInDown;"> <h3 class="widget-title">标签列表</h3> <ul class="widget-box divTags"> <li class=""><a title="打铁记" href="/tag/1415.html">打铁记</a></li> <li class=""><a title="erlang" href="/tag/8932.html">erlang</a></li> <li class=""><a title="trunk模式" href="/tag/6185.html">trunk模式</a></li> <li class=""><a title="sap crm" href="/tag/6860.html">sap crm</a></li> <li class=""><a title="zap" href="/tag/13510.html">zap</a></li> <li class=""><a title="武林三国外挂" href="/tag/4580.html">武林三国外挂</a></li> <li class=""><a title="回顾2018展望2019" href="/tag/12460.html">回顾2018展望2019</a></li> <li class=""><a title="窝上网" href="/tag/14056.html">窝上网</a></li> <li class=""><a title="再快一点" href="/tag/18658.html">再快一点</a></li> <li class=""><a title="反psp终结者" href="/tag/2256.html">反psp终结者</a></li> <li class=""><a title="java lang reflect" href="/tag/9956.html">java lang reflect</a></li> <li class=""><a title="学习黑客技术" href="/tag/9422.html">学习黑客技术</a></li> <li class=""><a title="socks5" href="/tag/192.html">socks5</a></li> <li class=""><a title="版本号" href="/tag/15327.html">版本号</a></li> <li class=""><a title="clickonce" href="/tag/2134.html">clickonce</a></li> <li class=""><a title="整流二极管参数" href="/tag/20439.html">整流二极管参数</a></li> <li class=""><a title="文件属性" href="/tag/1278.html">文件属性</a></li> <li class=""><a title="微信开发者工具" href="/tag/4924.html">微信开发者工具</a></li> <li class=""><a title="中国土地市场网" href="/tag/18833.html">中国土地市场网</a></li> <li class=""><a title="web services" href="/tag/1389.html">web services</a></li> <li class=""><a title="masm5 0" href="/tag/15857.html">masm5 0</a></li> <li class=""><a title="陈坤博客" href="/tag/19498.html">陈坤博客</a></li> <li class=""><a title="网络延时大" href="/tag/15281.html">网络延时大</a></li> <li class=""><a title="最难数独" href="/tag/1794.html">最难数独</a></li> <li class=""><a title="点播与直播" href="/tag/15890.html">点播与直播</a></li> <li class=""><a title="damos" href="/tag/18610.html">damos</a></li> <li class=""><a title="easyboot注册码" href="/tag/579.html">easyboot注册码</a></li> <li class=""><a title="蚂蚁攻城" href="/tag/8788.html">蚂蚁攻城</a></li> <li class=""><a title="小米桌面2 3" href="/tag/12940.html">小米桌面2 3</a></li> <li class=""><a title="刷百度相关搜索" href="/tag/814.html">刷百度相关搜索</a></li> </ul> </section> </div> </div> <div class="hidebody"></div> <script src="/static_7/js/html2canvas.min.js"></script> <script src="/static_7/js/common.js"></script> </main> <footer class="footer bg-dark"> <div class="container clearfix" style="text-align:center"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?8f3d015328a1748d53271bbe756e83d0"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <div class="col-md-3 col-sm-3"> <p class="copyright"><small><span style="font-family:"Microsoft YaHei";font-size:14px;"></span>© 2017-2021. All Rights Reserved.</small></p><p class="copyright"><small><b> <a href="https://www.173it.cn/addons/cms/sitemap/" target="_blank">网站地图</a> | <a href="http://www.173it.cn/biancheng/" target="_blank">基础教程</a>| <a href="https://www.173it.cn/bbs/" target="_blank">站长论坛</a></b></small></p></div> <p><br /></p> <p><br /></p> </div> <div id="backtop" class="backtop"> <div class="bt-box top" title="返回顶部"><i class="icon font-top"></i></div> <div class="bt-box bt_night" title="夜间模式"><a class="at-night" href="javascript:switchNightMode()" target="_self"><i class="icon font-yueliang"></i></a></div> <div class="bt-box bottom" title="网页底部"><i class="icon font-bottom"></i></div> </div> <div class="none"> <script src="/static_7/js/custom.js"></script> <script src="/static_7/js/wow.min.js"></script> <script src="/static_7/js/jquery.lazy.js"></script> <script src="/static_7/js/san_praise_sdk.js"></script> </div> </footer> </body> </html> <!--70.61 ms , 33 query , 3737kb memory , 2 error-->