使用前后端分离查找图书管理系统数据库数据
2019-10-30 12:07
1386 查看
用户登录页面显示效果图：
前段js+JQuery代码显示：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery.js"></script>
<style>
body{
background-image: url(t01f6feb7e1ef3f0e74.jpg);
background-size: cover;
}
div{
width: 500px;
height: 296px;
margin: 300px auto;
}
td,input{
font-size: 25px;
color: bisque;
}
caption{
font-size: 25px;
}
</style>
</head>
<body>
<div>
<table>
<caption>图书管理登录页面</caption>
<tr>
<td>用户名：</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>密码：</td>
<td><input type="password" name="pwd"></td>
</tr>
<tr>
<td>性别：</td>
<td><input type="text" name="sex"></td>
</tr>
<tr>
<td>年龄：</td>
<td><input type="text" name="age"></td>
</tr>
<tr>
<td>手机号：</td>
<td><input type="text" name="phone"></td>
</tr>
<tr id="qq">
<td colspan="2" align="center"><input type="button" name="denglu" value="登录" style="background-color: red"></td>
</tr>
</table>
</div>
<script>
$(function(){
$.ajax({
url:"userServlet",
type:"post",
data:{
},
dateType:"json",
success:function(data){
$.each(data,function(i){
var Stringstr="";
Stringstr = "<tr><td>"+data[i].name+"</td><td>"+data[i].pwd+"</td><td>"+data[i].sex+"</td><td>"+data[i].age+"</td><td>"+data[i].phone+"</td></tr>";
$("tboby").appeng(Stringstr);
});
}
});
});
</script>
</body>
</html>
mvc后台框架显示：
图书类Book代码：
package com.hnpi.bean;
public class Book {
private int id;
private String bookName;
private String bookAuthor;
private String bookIsbn;
private String bookPublish;
private int classifyId;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getBookName() {
return bookName;
}
public void setBookName(String bookName) {
this.bookName = bookName;
}
public String getBookAuthor() {
return bookAuthor;
}
public void setBookAuthor(String bookAuthor) {
this.bookAuthor = bookAuthor;
}
public String getBookIsbn() {
return bookIsbn;
}
public void setBookIsbn(String bookIsbn) {
this.bookIsbn = bookIsbn;
}
public String getBookPublish() {
return bookPublish;
}
public void setBookPublish(String bookPublish) {
this.bookPublish = bookPublish;
}
public int getClassifyId() {
return classifyId;
}
public void setClassifyId(int classifyId) {
this.classifyId = classifyId;
}
public Book() {
super();
}
public Book(Integer id, String bookName, String bookAuthor, String bookIsbn, String bookPublish, Integer classifyId) {
super();
this.id = id;
this.bookName = bookName;
this.bookAuthor = bookAuthor;
this.bookIsbn = bookIsbn;
this.bookPublish = bookPublish;
this.classifyId = classifyId;
}
}
接口BookService代码显示：
package com.hnpi.service.impl;
import com.hnpi.bean.Book;
import java.util.List;
public interface BookService {
List<Book>selectAll();
boolean delBook(Book book);
boolean addBook(Book book);
boolean updateBook(Book book);
}
实现接口BookServiceImpl代码显示：
package com.hnpi.service.impl;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;
import com.hnpi.bean.Book;
import com.hnpi.util.DBUtil;
public class BookServiceImpl implements BookService{
Connection conn = null;
PreparedStatement ps = null;
ResultSet rs = null;
public List<Book> selectAll(){
conn = DBUtil.getConn();
String sql = "select * from book";
List<Book> bookList = new ArrayList<Book>();
try{
ps = conn.prepareStatement(sql);
rs = ps.executeQuery();
while(rs.next()){
Book book = new Book();
book.setId(rs.getInt(1));
book.setBookName(rs.getString(2));
book.setBookAuthor(rs.getString(3));
book.setBookIsbn(rs.getString(4));
book.setBookPublish(rs.getString(5));
book.setClassifyId(rs.getInt(6));
bookList.add(book);
}
}catch(SQLException E){
E.printStackTrace();
}finally{
DBUtil.closeConn(conn, ps, rs);
}
return bookList;
}
public boolean delBook(Book book){
conn = DBUtil.getConn();
String sql = "delete from book where id = '"+book.getId()+"'";
int count = 0;
try{
ps = conn.prepareStatement(sql);
count = ps.executeUpdate();
}catch(Exception e){
e.printStackTrace();
}finally{
DBUtil.closeConn(conn, ps, null);
}
if(count>0)
return true;
else
return false;
}
public boolean addBook(Book book){
conn = DBUtil.getConn();
String sql = "insert into book(id,book_name,book_author,book_isbn,"+"book_publish,classify_id)values(?,?,?,?,?,?";
int count = 0;
try{
ps = conn.prepareStatement(sql);
ps.setInt(1,book.getId());
ps.setString(2,book.getBookName());
ps.setString(3,book.getBookAuthor());
ps.setString(4,book.getBookIsbn());
ps.setString(5,book.getBookPublish());
ps.setInt(6,book.getClassifyId());
count = ps.executeUpdate();
}catch(SQLException e){
e.printStackTrace();
}finally{
DBUtil.closeConn(conn, ps, null);
}if(count>0)
return true;
else
return false;
}
public boolean updateBook(Book book){
try{
conn = DBUtil.getConn();
String sql = "update book set book_name=?,book_author=?,"+"book_isbn=?,book_publish=?,classify_id=?where id = '"+book.getId()+"'";
ps = conn.prepareStatement(sql);
ps.setString(1,book.getBookName());
ps.setString(2,book.getBookAuthor());
ps.setString(3,book.getBookIsbn());
ps.setString(4,book.getBookPublish());
ps.setInt(5,book.getClassifyId());
int result = ps.executeUpdate();
if(result>0){
return true;
}else{
return false;
}
}catch(SQLException sqlException){
sqlException.printStackTrace();
return false;
}finally{
DBUtil.closeConn(conn, ps, null);
}
}
}
LoginServlet界面，调用select()方法，获取数组中的数据，把数据放到JSON中，通过json把数据返回到HTML界面展示出来（这个是不完整的）：
package com.hnpi.servlet;
import com.hnpi.bean.Book;
import com.hnpi.service.impl.BookService;
import com.hnpi.service.impl.BookServiceImpl;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;
public class LoginServlet extends javax.servlet.http.HttpServlet {
protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
response.setContentType("text/html");
//允许跨域
response.setHeader("Accsee-Control-Allow-Origin","*");
PrintWriter out = response.getWriter();
//实例化BookService接口
BookService bookService = new BookServiceImpl();
//获取接口里的select()方法
List<Book> list = bookService.selectAll();
//把查询到的数据放到JSON中
String bookStr = JSON.toJSONString(list);
out.println(bookStr);
out.flush();
out.close();
}
protected void doGet(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {
doPost(request,response);
}
}
DBUtil代码与数据库连接：
package com.hnpi.util;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
public class DBUtil {
public static Connection getConn(){
String url = "jdbc:sqlserver://localhost:1433;databaseName=MyDB";
String user = "sa";
String pwd = "1";
Connection conn = null;
try{
try {
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
} catch (ClassNotFoundException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
conn = DriverManager.getConnection(url,user,pwd);
}catch(SQLException e){
e.printStackTrace();
}
return conn;
}
public static void closeConn(Connection conn,PreparedStatement ps,ResultSet rs){
try{
if(conn!=null){
conn.close();
}
}catch(SQLException e){
e.printStackTrace();
}
try{
if(ps!=null){
ps.close();
}
}catch(SQLException e){
e.printStackTrace();
}
try{
if(rs!=null){
rs.close();
}
}catch(SQLException e){
e.printStackTrace();
}
}
}
目前这个demo是不完整的 还有很多转换没有实现 servlet其中还有增删改查没有写 数据库暂时不上传 整理过后会发表完整的项目代码及效果展示 谢谢！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 在前后端分离的项目中，后台使用shiro框架时，怎样使用它的会话管理系统(session)，从而实现权限控制
- 图书管理系统数据库的创建，插入数据
- 使用JavaWeb实现图书管理系统的增删改查，以及数据的分页，跳转，查询，用户登录......
- 图书管理系统使用List 存储数据
- 学生信息管理系统V0.2（使用文件存储数据）【MVC模式、DAO模式、Factory模式】
- 移动开发管理系统Rational ClearQuest后台数据库ORACLE数据到EXP300阵列步骤
- 数据结构课程设计--图书管理系统
- 数据库实例-学生名册管理系统(DAO的使用实验)
- 游戏数据库数据管理系统开发体会
- SQL Server 系统表使用－查询指定数据库中用户表及其列、数据类、长度
- PythonWeb开发Django框架学习（十一）使用框架自带Admin管理数据库数据
- 使用JAVA语言编程，数据库使用SQL server制作一个图书销售系统
- 学生管理系统----文件和数据库(oracle)两种保存数据方式
- CodeIgnitor 创建admin和其他目录，前后端分离，很巧妙的方式，网上查找其他的都不是使用这种方式实现的。
- 数据结构课程设计 图书管理系统
- 数据结构课程设计-图书管理系统
- 数据结构课程设计--图书管理系统
- mysql存储过程实例（一）---------------图书管理系统部分查找
- 使用AngularJS实现的前后端分离的数据交互过程
- 使用navicat 8实现创建数据库和导入数据 管理用户与权限[图文方法]