JSP 用户信息页面及对应 Servlet 代码示例
<p><%@ page contentType='text/html;charset=UTF-8' language='java' %></p>
<!DOCTYPE HTML>
<html lang='ch'>
<head>
<meta charset='utf-8'>
<pre><code><link rel='stylesheet' href='css/userinfo.css' />
<link rel='stylesheet' href='css/auto.css' />
<script src='js/jquery-3.7.0.js'></script>
<title>userinfo</title>
<noscript>
<title>不支持JavaScript，无法显示内容。</title>
</noscript>
</code></pre>
</head>
<body onload='bodyload()'>
<div id='transparency'>
<div id='msgs'>
<div id='headermsg'>
<div>
<img style='float:left' id='foreshow' src='${'image/'+imageId+'.bmp'}' alt='头像' />
<p style='font-size:30px'>${userinfo.name}</p>
<p style='font-size:15px'>粉丝数：${userinfo.fansNum}</p>
</div>
<p style='font-size:20px'>${userinfo.introduction}</p>
</div>
</div><br />
<hr style='width:80%' />
<p style='font-size:50px;margin-left:10%;'>修改个人信息</p>
<div id='showmsg'>
<p>手机号：${userinfo.phone}</p>
<div>
<label>
昵称：${userinfo.name}<br />
<input id='name' type='text' placeholder='此处输入你要更改的昵称' />
</label><br /><br />
<pre><code> <div>
<span style='vertical-align:top'>头像：</span>
<img onclick='nextimg()' id='image' src='${'image/'+imageId+'.bmp'}' alt='头像' />
<br />
</div><br />
<label>
当前简介：${userinfo.introduction}
<input id='introduction' type='text' placeholder='此处输入你要更改的简介'
onchange='count()' value='' />
</label>
<p id='echotext'>已输入0/50字</p>
<br /><br />
<label>
<input id='submit' type='button' value='提交'
onclick='submit()'>
</label>
</div>
</div>
<div id='white'></div>
</code></pre>
</div>
<script src='js/userinfo.js'></script>
<div hidden='hidden' id='maxarea' value='${maxImageNumber}'></div>
</body>
</html>
<p>import java.io.IOException;<br />
import javax.servlet.ServletException;<br />
import javax.servlet.http.HttpServlet;<br />
import javax.servlet.http.HttpServletRequest;<br />
import javax.servlet.http.HttpServletResponse;</p>
<p>public class UserInfoServlet extends HttpServlet {</p>
<p>protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br />
response.setContentType('text/html;charset=UTF-8');<br />
request.setCharacterEncoding('UTF-8');</p>
<pre><code>String name = request.getParameter('name');
String introduction = request.getParameter('introduction');
// 更新用户信息的逻辑处理
// 返回响应结果
response.getWriter().println('更新成功');
</code></pre>
<p>}</p>
<p>protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br />
doPost(request, response);<br />
}<br />
}</p>
原文地址: https://www.cveoy.top/t/topic/pKVq 著作权归作者所有。请勿转载和采集!