奖学金公示系统初步完成

前端界面

搜索结果界面

技术要点

• jsp
• mysql
• HTML

开发过程

• 网上自学jsp基本语法

• 搭建环境

  • eclipse安装java EE，创建web工程
  • 安装mysql创建数据库
  • 安装apache tomcat服务器在电脑上，学习基本使用方法
  • 下载安装链接器mysql-connector-java, 放在项目Java Resources/Libraries 中

• mysql中新建数据库，数据表（并设为主要工作表），手动添加一些测试数据

  • 由于学号为长字符串，故设为varchar(255)类型

• 基本思路

  • 为方便写代码，添加sql以及c标签库，到web app libraries中。

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql"%>

- jsp中连接数据库

<sql:setDataSource var="snapshot" driver="com.mysql.jdbc.Driver"
     url="jdbc:mysql://localhost:3306/Scholarship?useUnicode=true&characterEncoding=utf-8"
     user="root"  password="xxx"/>
<c:set var="SiteId" value="3"/>

- sql查询 获取到的前端搜索框中的关键字

<sql:query dataSource="${snapshot}" var="result">
<!-- 防止中文乱码，统一字符编码 -->
<%request.setCharacterEncoding("utf-8");%>
<!-- 
    request.getParameter获取搜索的关键字，名称要与html中定义的相同
    SELECT * 代表选择数据表中所有rows
    WHERE XXX LIKE '%xxx%'为正则表达式中，起到contains的作用。
 -->
SELECT * FROM Scholarship.`2016` WHERE name LIKE '%<%=request.getParameter("content") %>%'
OR id LIKE '%<%=request.getParameter("content") %>%'
OR type LIKE '%<%=request.getParameter("content") %>%'
OR major LIKE '%<%=request.getParameter("content") %>%'
OR college LIKE '%<%=request.getParameter("content") %>%'ORDER BY type,college,major,id;
</sql:query>

- 将查询结果以表格形式显示在界面上

<table border="1" width="100%">
<tr>
   <th>学号</th>
   <th>姓名</th>
   <th>院系</th>
   <th>专业班级</th>
   <th>类别</th>
</tr>

<c:forEach var="row" items="${result.rows}">
<tr>
   <td><c:out value="${row.id}"/></td>
   <td><c:out value="${row.name}"/></td>
   <td><c:out value="${row.college}"/></td>
   <td><c:out value="${row.major}"/></td>
   <td><c:out value="${row.type}"/></td>
</tr>
</c:forEach>

</table>

• 到此，基本完成，接下来就是美化搜索结果界面以及接入学校数据库啦。

附：sql条件查询的tips

原博客地址