JavaWeb專案smbms超市訂單管理系統-有解無憂

專案簡介

smbms超市訂單管理系統，主要用于用戶管理、訂單管理、供應商管理等功能，是學習JavaWeb練習的一個小專案

這個博客只講了部分功能（用戶登錄界面，和密碼修改界面）,以及用戶管理的實作，

主要寫的后端的實作，

使用技術

Maven：管理依賴打包專案
Mysql：存盤業務資料
HTML：制作前端登錄頁面
Servlet：后臺服務資源完成相關業務
Tomcat：web專案部署的服務器
Filter：統一會話管理所有登錄情況

資料庫
在這里插入圖片描述

基本框架搭建

創建dao層（資料持久層），pojo層（簡單的Java物件），service（業務層），servlet（服務器層），tools（工具層），filter（過濾層）

dao層主要進行資料庫操作，Service（業務層）呼叫dao層，并將獲得的資料傳給servlet層，

servlet層負責前后端互動，從前端獲取資料，傳到后端，并將后端獲取的資料回傳給前端

service層捕獲例外，進行事務處理

事務處理：呼叫不同dao的多個方法，必須使用同一個connection（connection作為引數傳遞）事務完成之后，需要在service層進行connection的關閉，在dao層關閉（PreparedStatement和ResultSet物件）

pojo層主要是與資料庫對應的一些物件

過濾器層首先要寫編碼過濾層，防止前后端編碼不一致亂碼情況

專案頁面

登錄界面

在這里插入圖片描述

系統首頁

在這里插入圖片描述

密碼修改頁面

在這里插入圖片描述

用戶管理首頁
在這里插入圖片描述

專案搭建

1、搭建一個maven web專案

2、配置tomcat

3、測驗專案能否跑起來

4、匯入專案中會遇到的jar包

jsp，servlet，mysql驅動，jstl，stand…

5、創建專案包結構

在這里插入圖片描述

6、撰寫物體類

ORM映射：表-類映射

7、撰寫基礎公共類

? 1、資料庫組態檔

driver=com.mysql:jdbc.Driver
url=jdbc:mysql://localhost:3306?useUnicode=true&characterEncoding=utf-8
username=root
password=123456

3、撰寫字符編碼過濾器

主要是為了前后端連接不出現亂碼情況

public class CharacterEncoding implements Filter {

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {

    }

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
       servletRequest.setCharacterEncoding("utf-8");
        servletResponse.setCharacterEncoding("utf-8");
        filterChain.doFilter(servletRequest,servletResponse);

    }

    @Override
    public void destroy() {

    }
}

8、匯入靜態資源

登錄功能實作

在這里插入圖片描述

1、撰寫前端頁面

先在web.xml中設定welcome-file-list
前端頁面 login.jsp
loginservlet
- request.getparam()獲取前端資料
- 呼叫業務層
- 匹配成功的話設定session，頁面重定向，否則，提示錯誤（設定頁面error屬性）

2、設定首頁

<!--設定歡迎頁面    -->
    <welcome-file-list>
        <welcome-file>login.jsp</welcome-file>
    </welcome-file-list>

3、撰寫dao層登錄用戶登錄的介面

按照資料庫創建物件user類

public interface UserDao {
    //得到要登錄的用戶
    public User getLoginUser(Connection connection,String userCode) throws Exception;
}

BaseDao類

資料庫操作的方法（連接、查詢、更新）

package dao;

import java.io.IOException;
import java.io.InputStream;
import java.sql.*;
import java.util.Properties;

public class BaseDao {
    private static String driver;
    private static String url;
    private static String username;
    private static String password;

    //靜態代碼塊，類加載的時候就初始化了
    static {
        Properties properties = new Properties();
        //通過類加載器讀取對應的資源
        InputStream is = BaseDao.class.getClassLoader().getResourceAsStream("db.properties");

        try {
            properties.load(is);
        } catch (IOException e) {
            e.printStackTrace();
        }

        driver = properties.getProperty("driver");
        url = properties.getProperty("url");
        username = properties.getProperty("username");
        password = properties.getProperty("password");
    }

    //獲取資料庫的鏈接
    public static Connection getConnection(){
        Connection connection = null;
        try {
            Class.forName("com.mysql.jdbc.Driver");
            connection = DriverManager.getConnection(url, username, password);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return connection;
    }

    //撰寫查詢公共方法
    public static ResultSet execute(Connection connection,PreparedStatement preparedStatement,ResultSet resultSet,String sql,Object[] params) throws SQLException {
        //預編譯的sql，在后面直接執行就可以了
        preparedStatement = connection.prepareStatement(sql);

        for (int i = 0; i < params.length; i++) {
            //setObject,占位符從1開始，但是我們的陣列是從0開始！
            preparedStatement.setObject(i+1,params[i]);
        }

        resultSet = preparedStatement.executeQuery();
        return resultSet;
    }


    //撰寫增刪改公共方法
    public static int execute(Connection connection,String sql,Object[] params,PreparedStatement preparedStatement) throws SQLException {
        preparedStatement = connection.prepareStatement(sql);

        for (int i = 0; i < params.length; i++) {
            //setObject,占位符從1開始，但是我們的陣列是從0開始！
            preparedStatement.setObject(i+1,params[i]);
        }

        int updateRows = preparedStatement.executeUpdate();
        return updateRows;
    }

4、撰寫dao介面的實作類

public class UserDaoImpl implements UserDao{
    @Override
    public User getLoginUser(Connection connection, String userCode)
            throws Exception {
        // TODO Auto-generated method stub
        PreparedStatement pstm = null;
        ResultSet rs = null;
        User user = null;
        if(null != connection){
            String sql = "select * from smbms_user where userCode=?";
            Object[] params = {userCode};
            rs = BaseDao.execute(connection, pstm, rs, sql, params);
            if(rs.next()){
                user = new User();
                user.setId(rs.getInt("id"));
                user.setUserCode(rs.getString("userCode"));
                user.setUserName(rs.getString("userName"));
                user.setUserPassword(rs.getString("userPassword"));
                user.setGender(rs.getInt("gender"));
                user.setBirthday(rs.getDate("birthday"));
                user.setPhone(rs.getString("phone"));
                user.setAddress(rs.getString("address"));
                user.setUserRole(rs.getInt("userRole"));
                user.setCreatedBy(rs.getInt("createdBy"));
                user.setCreationDate(rs.getTimestamp("creationDate"));
                user.setModifyBy(rs.getInt("modifyBy"));
                user.setModifyDate(rs.getTimestamp("modifyDate"));
            }
            BaseDao.closeResource(null, pstm, rs);
        }
        return user;
    }
}

5、撰寫業務層介面

public interface UserService {
    //用戶登錄
    public User login(String userCode,String userPassword);
}

6、撰寫業務層介面的實作類

public class UserServiceImpl implements UserService{
    //業務層都會呼叫dao層，所以我們要引入dao層
    private UserDao userDao;
    public UserServiceImpl(){
         userDao = new UserDaoImpl();
    }
    public User login(String userCode,String password){
        Connection connection=null;
        User user=null;

        //通過業務層呼叫對應的具體的資料庫操作
        try {
            connection= BaseDao.getConnection();
            user=userDao.getLoginUser(connection,userCode);
        } catch (Exception e) {
            e.printStackTrace();
        }finally {
            BaseDao.closeResource(connection,null,null);
        }
        return user;
    }

7、撰寫servlet類

public class LoginServlet extends HttpServlet {
    //Servlet:控制層，呼叫業務層代碼

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        System.out.println("LoginServlet--start....");
        //獲取用戶名和密碼
        String userCode = req.getParameter("userCode");
        String userPassword = req.getParameter("userPassword");
        //和資料庫中的密碼進行對比，呼叫業務層；
        UserService userService = new UserServiceImpl();
        User user = userService.login(userCode, userPassword);  //這里已經把登錄的人給查出來了
        System.out.println(userCode);
        System.out.println(userPassword);
        if (user!=null){ //查有此人，可以登錄
            //將用戶的資訊放到Session中;
            req.getSession().setAttribute(Constants.USER_SESSION,user);
            //跳轉到主頁重定向
            resp.sendRedirect("jsp/frame.jsp");
        }else {//查無此人，無法登錄
            //轉發回登錄頁面，順帶提示它，用戶名或者密碼錯誤；
            req.setAttribute("error","用戶名或者密碼不正確");
            req.getRequestDispatcher("login.jsp").forward(req,resp);
        }
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req, resp);
    }
}

8、注冊servlet

寫完一個servlet記得去注冊

<servlet>
        <servlet-name>LoginServlet</servlet-name>
        <servlet-class>servlet.user.LoginServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>LoginServlet</servlet-name>
        <url-pattern>/login.do</url-pattern>
    </servlet-mapping>

9、測驗訪問，確保以上功能實作

登錄功能優化

移除session

public class LogoutServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //移除用戶的session
        req.getSession().removeAttribute(Constants.USER_SESSION);
        resp.sendRedirect(req.getContextPath()+"/login.jsp");//回傳登錄頁面
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        super.doPost(req, resp);
    }
}

注冊xml

  <servlet>
        <servlet-name>LogoutServlet</servlet-name>
        <servlet-class>servlet.user.LogoutServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>LogoutServlet</servlet-name>
        <url-pattern>/jsp/logout.do</url-pattern>
    </servlet-mapping>

登錄攔截優化

正常情況下退出系統后是登錄不了的，但是目前直接輸入地址還是能夠登錄，所以要進行優化

撰寫一個過濾器并注冊

public class SysFilter implements Filter {
    public void init(FilterConfig filterConfig) throws ServletException {
    }

    public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletException {
        HttpServletRequest request = (HttpServletRequest) req;
        HttpServletResponse response = (HttpServletResponse) resp;

        //過濾器，從Session中獲取用戶，
        User user = (User) request.getSession().getAttribute(Constants.USER_SESSION);

        if (user==null){ //已經被移除或者注銷了，或者未登錄
            response.sendRedirect("/smbms/error.jsp");
        }else {
            chain.doFilter(req,resp);
        }
    }

    public void destroy() {

    }
}

 <filter>
        <filter-name>Sysfilter</filter-name>
        <filter-class>filter.SysFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>Sysfilter</filter-name>
        <url-pattern>/jsp/*</url-pattern>
    </filter-mapping>

密碼修改

匯入前端素材

從底層開始寫
在這里插入圖片描述

UserDao介面實作類

  //修改當前用戶密碼
    //增刪改都會影響資料庫的變化，所以是回傳int型別，說明有幾行受到了影響
    @Override
    public int updatePwd(Connection connection, int id, int password) throws Exception {
       int updateRow=0;
       PreparedStatement pstm=null;
       if (connection!=null){
           String sql="UPDATE `smbms_user` SET `userPassword`=? WHERE `id`=? ";
           Object[] params={password,id};
           BaseDao.execute(connection,sql,params,pstm);
       }
       BaseDao.closeResource(null,pstm,null);
       return updateRow;
    }

UserService層

進行事務處理，呼叫dao層，查找servlet層傳來的資料的相關用戶，并于servlet層資料進行對比

 //修改密碼
    public boolean updatePwd(int id,int pwd);

UserService層實作類

  public boolean updatePwd(int id, int pwd) {
        Connection connection=null;
        boolean flag=false;
        try {
            connection = BaseDao.getConnection();
            if (userDao.updatePwd(connection, id, pwd)>0){
                flag=true;

            }
        } catch (Exception e) {
            e.printStackTrace();
        }finally {
            BaseDao.closeResource(connection,null,null);
        }
        return flag;
    }

撰寫修改密碼的servlet類

獲取資料庫用戶資料，并設定session屬性userlist

public class UserServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        String method = req.getParameter("method");
        if (method.equals("savepwd")&&method!=null){
            this.modifyPwd(req,resp);
        }else if (method.equals("pwdmodify")&&method!=null){
            this.pwdmodify(req,resp);
        }
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req, resp);
    }
    //修改密碼
    public void modifyPwd(HttpServletRequest req, HttpServletResponse resp){
        //獲取要修改的密碼和id
        Object attribute = req.getSession().getAttribute(Constants.USER_SESSION);
        String newpassword = req.getParameter("newpassword");
        boolean flag = false;
        //判斷這個session和新密碼是否存在
        if(attribute!=null && !StringUtils.isNullOrEmpty(newpassword)){
            UserServiceImpl userService = new UserServiceImpl();
            flag = userService.modifyPwd(((User) attribute).getId(), newpassword);
            if(flag){
                req.setAttribute("message","修改密碼成功");
                //密碼修改成功移除當前session
                req.getSession().removeAttribute(Constants.USER_SESSION);
            }else {
                req.setAttribute("message","密碼修改失敗");
            }
        }else{
            //新密碼有問題
            req.setAttribute("message","新密碼有問題");
        }
        try {
            req.getRequestDispatcher("pwdmodify.jsp").forward(req,resp);
        } catch (ServletException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

注冊userservlet

    <servlet>
        <servlet-name>userServlet</servlet-name>
        <servlet-class>servlet.user.UserServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>userServlet</servlet-name>
        <url-pattern>/jsp/user.do</url-pattern>
    </servlet-mapping>

密碼修改成功界面

在這里插入圖片描述

優化密碼修改使用Ajax

AJAX = 異步 JavaScript 和 XML，

AJAX 是一種用于創建快速動態網頁的技術，

通過在后臺與服務器進行少量資料交換，AJAX 可以使網頁實作異步更新，這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新，

傳統的網頁（不使用 AJAX）如果需要更新內容，必需多載整個網頁面，

有很多使用 AJAX 的應用程式案例：新浪微博、Google 地圖、開心網等等，

使用jQuery需要匯入jQuery，使用Vue匯入Vue，兩個都用，自己原生態實作

在這里插入圖片描述

三步曲：

1、撰寫對應處理的controller，回傳訊息或者字串或者json格式的資料

2、撰寫ajax請求

url:controller請求
data：鍵值對
success：回呼函式

3、給ajax系結事件，點擊，click，失去焦點onblur，鍵盤彈起keyup

用戶管理實作

思路：

在這里插入圖片描述

1、匯入分頁的工具類

2、用戶串列頁面匯入

獲取用戶數量

1、UserDao

//查詢用戶總數
public int getUserCount(Connection connection,String username ,int userRole)throws SQLException;

2、UserDaoImpl

public int getUserCount(Connection connection, String username, int userRole) throws SQLException {
        //根據用戶名或者角色查詢用戶總數

        PreparedStatement pstm = null;
        ResultSet rs = null;
        int count = 0;

        if (connection!=null){
            StringBuffer sql = new StringBuffer();
            sql.append("select count(1) as count from smbms_user u,smbms_role r where u.userRole = r.id");
            ArrayList<Object> list = new ArrayList<Object>();//存放我們的引數

            if (!StringUtils.isNullOrEmpty(username)){
                sql.append(" and u.userName like ?");
                list.add("%"+username+"%"); //index:0
            }

            if (userRole>0){
                sql.append(" and u.userRole = ?");
                list.add(userRole); //index:1
            }

            //怎么把List轉換為陣列
            Object[] params = list.toArray();

            System.out.println("UserDaoImpl->getUserCount:"+sql.toString()); //輸出最后完整的SQL陳述句


            rs = BaseDao.execute(connection, pstm, rs, sql.toString(), params);

            if (rs.next()){
                count = rs.getInt("count"); //從結果集中獲取最終的數量
            }
            BaseDao.closeResource(null,pstm,rs);
        }
        return count;
    }

3、UserService

//查詢記錄數
public int getUserCount(String username,int userRole);

4、UserServiceImpl

public int getUserCount(String username, int userRole) {
            Connection connection = null;
            int count = 0;
            try {
                connection = BaseDao.getConnection();
                count = userDao.getUserCount(connection, username, userRole);
            } catch (SQLException e) {
                e.printStackTrace();
            } finally {
                BaseDao.closeResource(connection,null,null);
            }

            return count;
        }

獲取用戶串列

1、userdao

 //通過條件查詢-userList
    public List<User> getUserList(Connection connection, String userName, int userRole, int currentPageNo, int pageSize)throws Exception;

2、userdaoImpl

 public List<User> getUserList(Connection connection, String userName, int userRole, int currentPageNo, int pageSize) throws Exception {
        PreparedStatement pstm = null;
            ResultSet rs = null;
            List<User> userList = new ArrayList<User>();
            if(connection != null){
                StringBuffer sql = new StringBuffer();
                sql.append("select u.*,r.roleName as userRoleName from smbms_user u,smbms_role r where u.userRole = r.id");
                List<Object> list = new ArrayList<Object>();
                if(!StringUtils.isNullOrEmpty(userName)){
                    sql.append(" and u.userName like ?");
                    list.add("%"+userName+"%");
                }
                if(userRole > 0){
                    sql.append(" and u.userRole = ?");
                    list.add(userRole);
                }
                sql.append(" order by creationDate DESC limit ?,?");
                currentPageNo = (currentPageNo-1)*pageSize;
                list.add(currentPageNo);
                list.add(pageSize);

                Object[] params = list.toArray();
                System.out.println("sql ----> " + sql.toString());
                rs = BaseDao.execute(connection, pstm, rs, sql.toString(), params);
                while(rs.next()){
                    User _user = new User();
                    _user.setId(rs.getInt("id"));
                    _user.setUserCode(rs.getString("userCode"));
                    _user.setUserName(rs.getString("userName"));
                    _user.setGender(rs.getInt("gender"));
                    _user.setBirthday(rs.getDate("birthday"));
                    _user.setPhone(rs.getString("phone"));
                    _user.setUserRole(rs.getInt("userRole"));
                    _user.setUserRoleName(rs.getString("userRoleName"));
                    userList.add(_user);
                }
                BaseDao.closeResource(null, pstm, rs);
            }
            return userList;
        }

3、userservice

//根據條件查詢用戶串列
    public List<User> getUserList(String queryUserName, int queryUserRole, int currentPageNo, int pageSize);

4、userserviceImpl

  public List<User> getUserList(String queryUserName, int queryUserRole, int currentPageNo, int pageSize) {
        Connection connection = null;
        List<User> userList = null;
        System.out.println("queryUserName ---- > " + queryUserName);
        System.out.println("queryUserRole ---- > " + queryUserRole);
        System.out.println("currentPageNo ---- > " + currentPageNo);
        System.out.println("pageSize ---- > " + pageSize);
        try {
            connection = BaseDao.getConnection();
            userList = userDao.getUserList(connection, queryUserName,queryUserRole,currentPageNo,pageSize);
        } catch (Exception e) {
            e.printStackTrace();
        }finally{
            BaseDao.closeResource(connection, null, null);
        }
        return userList;
    }

獲取角色操作

1、roledao

public interface RoleDao {
    //獲取角色串列
    public List<Role> getRoleList(Connection connection) throws SQLException;
}

2、roledaoImpl

public class RoleDaoImpl implements RoleDao {
    //獲取角色串列
    public List<Role> getRoleList(Connection connection) throws SQLException {

        PreparedStatement pstm = null;
        ResultSet resultSet = null;
        ArrayList<Role> roleList = new ArrayList<Role>();

        if (connection!=null){
            String sql = "select * from smbms_role";
            Object[] params = {};
            resultSet = BaseDao.execute(connection, pstm, resultSet, sql, params);

            while (resultSet.next()){
                Role _role = new Role();
                _role.setId(resultSet.getInt("id"));
                _role.setRoleCode(resultSet.getString("roleCode"));
                _role.setRoleName(resultSet.getString("roleName"));
                roleList.add(_role);
            }
            BaseDao.closeResource(null,pstm,resultSet);
        }
        return roleList;
    }
}

3、roleservice

 //獲取角色串列
public List<Role> getRoleList();

4、roleserviceImpl

public class RoleServiceImpl implements RoleService {

    //引入Dao
    private RoleDao roleDao;
    public RoleServiceImpl() {
        roleDao = new RoleDaoImpl();
    }

    public List<Role> getRoleList() {

        Connection connection = null;
        List<Role> roleList = null;
        try {
            connection = BaseDao.getConnection();
            roleList = roleDao.getRoleList(connection);
        } catch (SQLException e) {
            e.printStackTrace();
        } finally {
            BaseDao.closeResource(connection,null,null);
        }
        return roleList;
    }
}

userservlet中添加query方法

頁面沒有實作分頁，而是全部顯示在了一頁，加入分頁查詢

//query方法
    public void query(HttpServletRequest req, HttpServletResponse resp){

        //查詢用戶串列

        //從前端獲取資料；
        String queryUserName = req.getParameter("queryname");
        String temp = req.getParameter("queryUserRole");
        String pageIndex = req.getParameter("pageIndex");
        int queryUserRole = 0;

        //獲取用戶串列
        UserServiceImpl userService = new UserServiceImpl();
        List<User> userList = null;

        //第一次走這個請求，一定是第一頁，頁面大小固定的；
        int pageSize = 5; //可以把這個些到組態檔中，方便后期修改；
        int currentPageNo = 1;

        if (queryUserName ==null){
            queryUserName = "";
        }
        if (temp!=null && !temp.equals("")){
            queryUserRole = Integer.parseInt(temp);  //給查詢賦值！0,1,2,3
        }
        if (pageIndex!=null){
            currentPageNo = Integer.parseInt(pageIndex);
        }

        //獲取用戶的總數 (分頁：  上一頁，下一頁的情況)
        int totalCount = userService.getUserCount(queryUserName, queryUserRole);
        //總頁數支持
        PageSupport pageSupport = new PageSupport();
        pageSupport.setCurrentPageNo(currentPageNo);
        pageSupport.setPageSize(pageSize);
        pageSupport.setTotalCount(totalCount);

        int totalPageCount = ((int)(totalCount/pageSize))+1;

        //控制首頁和尾頁
        //如果頁面要小于1了，就顯示第一頁的東西
        if (currentPageNo<1){
            currentPageNo = 1;
        }else if (currentPageNo>totalPageCount){ //當前頁面大于了最后一頁；
            currentPageNo = totalPageCount;
        }

        //獲取用戶串列展示
        userList = userService.getUserList(queryUserName, queryUserRole, currentPageNo, pageSize);
        req.setAttribute("userList",userList);

        RoleServiceImpl roleService = new RoleServiceImpl();
        List<Role> roleList = roleService.getRoleList();
        req.setAttribute("roleList",roleList);
        req.setAttribute("totalCount",totalCount);
        req.setAttribute("currentPageNo",currentPageNo);
        req.setAttribute("totalPageCount",totalPageCount);
        req.setAttribute("queryUserName",queryUserName);
        req.setAttribute("queryUserRole",queryUserRole);


        //回傳前端
        try {
            req.getRequestDispatcher("userlist.jsp").forward(req,resp);
        } catch (ServletException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

差不多登錄和用戶管理模塊就是這些了

轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/280239.html

標籤：其他

上一篇：手把手教你做一個Java貪吃蛇小游戲的exe應用程式—就是玩兒

下一篇：HTML的一些常用的標簽和部分css知識