基于JSP+SERVLET的新闻发布系统(一)

时间:2022-06-16 15:06:42

本系统使用的是基于JSP+SERVLET+TOMCAT6

数据库使用的是MYSQL

IDE是MYECLIPSE8.5,页面编辑使用的是百度的ueditor,比较适合咱国人

采用MVC模式,使用的关键技术,通用的分页技术,一些项目开发的小技巧,如批量删除,,,本文章适合刚学习JSP+SERVLET,但没有实战经验的童鞋。欢迎交流学习。

1,第一个模块是登陆处理。

关键代码如下:

		<form action="${pageContext.request.contextPath }/user?method=login" onsubmit="return submitCheck();"
method="post" id="loginForm">
<fieldset>
<legend>用户登录</legend>
用户名:<input type="text" id="userName" name="userName" /><br /> <br/>
密    码:<input
type="password" id="password" name="password" /><br />
<input type="submit" value="登录" /> <br />
<span id="msg" style="color: red">${msg}</span>
</fieldset>
</form>

<span id="msg" style="color: red">${msg}</span>该句代码用于反馈后台的校验信息,如用户名与密码不匹配等。

接受参数使用的是一个小工具类

User user = (User) CopyPropertyUtil.copyPropertiesFromRequest(request,
    User.class);

该方法会自动的把接受到的FORM表单的值赋值到User类中,可以节省很多重复性的代码。
SERVLET的关键代码如下:

		if ("login".equals(method)) {
user = userService.checkUser(user);
if (StringUtils.isNotBlank(user.getUserName())) {
HttpSession session = request.getSession();
session.setAttribute("user", user);
request.getRequestDispatcher("index.html").forward(request,
response);
} else {
request.setAttribute("msg", "用户名或密码错误");
request.getRequestDispatcher("index.jsp").forward(request,
response);
}
}

request.setAttribute("msg", "用户名或密码错误");用于反馈错误信息到登陆页面。

2,登陆成功则是菜单栏,由于时间有限,没有做菜单的动态生成。

在LEFT.JSP中,查询的链接统一用user?method=query    method的query ,在该方法中写了通用的分页,并且是加上查询结果的分页。

		if ("query".equals(method)) {
queryAll(request, response, user);
}
	public void queryAll(HttpServletRequest request,
HttpServletResponse response, User user) throws ServletException,
IOException {
int currPage;
try {
currPage = Integer.valueOf(request.getParameter("currPage"));
} catch (Exception e) {
currPage = 1;
}
Page page = new Page();
List<User> list = userService.findAll(user);
page.setTotalPage(list.size());
page.toPage(currPage);
list = userService.findAll(user, page);
request.setAttribute("user", user);
request.setAttribute("page", page);
request.setAttribute("userList", list);
request.getRequestDispatcher("/user/userList.jsp").forward(request,
response);
}

request.setAttribute("page", page);   该对象用于保存分页的信息.

List<User> list = userService.findAll(user); 该方法是查询出需要显示的集合数据。

DAO代码如下:

	public List findAll(User user){
Connection conn = DBUtil.getConnection();
ArrayList list= new ArrayList();
StringBuilder sb = new StringBuilder();
sb.append("select * from user where 1 = 1 ");
if(StringUtils.isNotBlank(user.getUserName())){
sb.append(" and userName like '%"+user.getUserName()+"%'");
}if(StringUtils.isNotBlank(user.getRole())){
sb.append(" and role like '%"+user.getRole()+"%'");
}
ResultSet rs = DBUtil.querySQL(sb.toString(), null,conn);
try{
while(rs.next()){
User temp = new User();
temp.setUserId(rs.getInt(1));
temp.setUserName(rs.getString(2));
temp.setPassword(rs.getString(3));
temp.setRole(rs.getString(4));
list.add(temp);
}
}catch(Exception e){
e.printStackTrace();
}finally{
DBUtil.closeAll(rs, null, conn);
}
return list;
}

效果如下:基于JSP+SERVLET的新闻发布系统(一)

接下来将重点讲解基于查询结果的分页技术。

由于查询条件的是通过FORM提交,但是在点击“下一页”的时候仍需保存之前的查询条件,可采用如下方式解决。

  <a href="${pageContext.request.contextPath}/user?currPage=${page.currPage+1 }&method=queryPage&userName=${user.userName}&role=${user.role}">下一页</a>

将查询条件放在链接中,这样就能一直保存查询的条件,查询出正确的结果。

但是由于通过表单提交跟链接的解码方式不一样,因此需另外处理。

解码如下:

		if ("queryPage".equals(method)) {
String userName = null, role = null;
// 当查询条件是通过链接的时候,由于是中文,所以需要进行解码
if (StringUtils.isNotBlank(request.getParameter("userName")))
userName = new String(request.getParameter("userName")
.getBytes("ISO-8859-1"), "UTF-8");
if (StringUtils.isNotBlank(request.getParameter("role")))
role = new String(request.getParameter("role").getBytes(
"ISO-8859-1"), "UTF-8");
user.setUserName(userName);
user.setRole(role);
queryAll(request, response, user);
}

这样就能完美解决基于查询结果的分页了。

3‘SELECT动态获取数据

基于JSP+SERVLET的新闻发布系统(一)

角色中的数据是动态加载的,可使用如下语句获得:

						<select name="role" id=""role"" style="width: 100">
<option value="">请选择</option>
<%
Role role = new Role();
RoleService roleService = new RoleService();
List<Role> roleList = roleService.findAll(role);
if(roleList!=null&&roleList.size()>0){
for(int i=0;i<roleList.size();i++){
role=roleList.get(i);%>
<option value="<%=role.getRoleId() %>">
<%=role.getRoleName() %>
</option>
<%}
}%>
</select>

4,删除使用的是批量删除,其实批量删除很简单,如果说难的话就是JS不会用,

我们可以通过CHECKBOX获取所有选中的ID,然后拼接成字符串,提交到后台,可拼接成1,2,3,5

后台可以使用如下方法去拆分

			String str = request.getParameter("str");
str = str.substring(0, str.length() - 1);
String box[] = str.split(",");
for (String temp : box) {
int userId = Integer.valueOf(temp);
user.setUserId(userId);
userService.delUser(user);
}

先上传这么多,晚点更新其他模块。