面向?qū)ο笈c交互式程序設(shè)計

1、.面向?qū)ο笈c交互式程序設(shè)計相關(guān)資料題 目 甜品店職員及業(yè)務(wù)管理系統(tǒng) 學(xué)生專業(yè)班級指導(dǎo)教師1.軟件需求說明 2.概要設(shè)計說明 3.詳細(xì)設(shè)計說明 4.實現(xiàn)與測試 5.總結(jié) 2017 年11月 25日目 錄第1章 軟件需求說明31.1系統(tǒng)背景31.2功能需求31.3界面需求31.4安全需求4第2章 概要設(shè)計說明52.1運行環(huán)境52.2需求概要52.4限制描述52.5總體設(shè)計52.6系統(tǒng)數(shù)據(jù)結(jié)構(gòu)設(shè)計52.7系統(tǒng)出錯處理設(shè)計6第3章 詳細(xì)設(shè)計說明73.1開發(fā)所用技術(shù)73.2程序描述73.3數(shù)據(jù)庫設(shè)計8第4章 實現(xiàn)與測試94.1 系統(tǒng)界面94.2連接數(shù)據(jù)庫代碼144.3 登錄注冊界面實現(xiàn)代碼154.4 數(shù)

2、據(jù)庫數(shù)據(jù)刪改部分代碼164.5 HTML+CSS界面部分代碼184.6測試要點20注意：成績考核表在最后一頁21. v.第1章 軟件需求說明1.1系統(tǒng)背景隨著計算機技術(shù)、網(wǎng)絡(luò)技術(shù)和信息技術(shù)的發(fā)展，現(xiàn)在辦公系統(tǒng)更趨于系統(tǒng)化、科學(xué)化和網(wǎng)絡(luò)化。網(wǎng)絡(luò)辦公自動化系統(tǒng)是計算機技術(shù)和網(wǎng)絡(luò)迅速發(fā)展的一個辦公應(yīng)用解決方案，它的主要目的是實現(xiàn)信息交流和信息共性，提供協(xié)同工作的手段，提高辦公的效率，讓人們從繁瑣的有紙辦公中解脫出來。在全民創(chuàng)業(yè)的背景下，不少小公司，小商店紛紛涌現(xiàn)，并且在這個信息技術(shù)大發(fā)展的時代，大小用人單位都需要一套管理系統(tǒng)來提高管理效率，節(jié)約管理成本，本系統(tǒng)就是針對小甜品店的一個微型管理系統(tǒng)。1.

3、2功能需求可以進行注冊，分為兩種角色，管理員和普通員工。管理員可登陸管理員信息頁面，對管理員信息進行修改或者刪除。同樣管理員也可以登陸普通員工信息界面，對普通員工信息進行修改或者刪除或者重置。普通員工只能瀏覽所有員工信息，不可對其進行修改。普通員工和管理員都可以登陸餐桌信息對其進行管理。管理員可登陸菜品信息和訂單信息對其進行管理。1.3界面需求1.注冊界面以及登陸界面2.主頁展示菜品3.管理后臺主界面4.管理員信息界面5.普通員工信息界面6.菜品管理界面7.訂單信息管理界面8.餐桌管理界面1.4安全需求1. 必須注冊才能登陸2. 必須登陸才能進去其他頁面3. 普通員工不能訪問管理員權(quán)限的頁面.

4、 v.第2章 概要設(shè)計說明2.1運行環(huán)境1.操作系統(tǒng)在windowsXP以上2.客戶端要配備tomcat和SQL等應(yīng)用開發(fā)軟件2.2需求概要用戶對軟件系統(tǒng)要求使用簡單方便，必要的功能一定不能少，且界面設(shè)計要大方得體，有良好的視覺效果，待現(xiàn)在系統(tǒng)沒實現(xiàn)功能要記錄清楚，系統(tǒng)最后階段要盡量彌補用戶所需的功能。2.4限制描述設(shè)計應(yīng)當(dāng)是模塊化的，即該軟件應(yīng)當(dāng)從邏輯上被劃分成多個部件，分別實現(xiàn)各種特定功能和子功能。設(shè)計最終應(yīng)當(dāng)給出具體的模塊（例如子程序或過程），這些模塊就具有獨立的功能特性。2.5總體設(shè)計登錄模塊：用戶輸入和密碼進行驗證登錄。注冊模塊：注冊用戶信息。管理員信息模塊：對管理員信息進行管理。普

5、通員工信息模塊：對普通員工信息進行管理。菜品模塊：對菜品進行管理。訂單模塊：對訂單進行管理。餐桌信息模塊：對餐桌信息進行管理。2.6系統(tǒng)數(shù)據(jù)結(jié)構(gòu)設(shè)計職員表 staffs字段字段名類型鍵IDidvarchar(10)主鍵nameVarchar(20)null性別sexvarchar(10)null工號numvarchar(10)唯一telvarchar(20)null用戶表 users字段字段名類型鍵賬號usernamevarchar(20)主鍵密碼passwordvarchar(20)null性別sexvarchar(10)null年齡agevarchar(10)null菜品表 dishes字

6、段字段名類型鍵編號numVarchar(10)主鍵菜品名nameVarchar(20)null價格pricedoublenull訂單表 oders字段字段名類型鍵編號ordernumvarchar(20)主鍵訂單項itemsvarchar(50)null總價countpricevarchar(10)null備注notesvarchar(50)null餐桌表 tables字段字段名類型鍵餐桌號numvarchar(10)主鍵就餐人數(shù)personnumvarchar(10)null訂單編號ordernumvarchar(20)外鍵關(guān)聯(lián)訂單2.7系統(tǒng)出錯處理設(shè)計某個頁面出問題，跳轉(zhuǎn)到錯誤頁面，并退回

7、到登陸界面。. v.第3章 詳細(xì)設(shè)計說明3.1開發(fā)所用技術(shù)前端：bootstrap框架 html jsp css后端：servlet服務(wù)器：tomcat數(shù)據(jù)庫：mysql3.2程序描述1. 登錄模塊功能：可供用戶登陸到管理系統(tǒng)。輸入項目：用戶名和用戶密碼。輸出項目：管理系統(tǒng)歡迎頁面。2. 注冊模塊功能：供用戶進行注冊，提供注冊頁面。輸入項目：注冊相關(guān)信息，與數(shù)據(jù)庫中字段一一對應(yīng)。輸出項目：注冊成功界面。3. 管理員信息模塊功能：可以查詢/修改/刪除/重置有關(guān)已經(jīng)注冊的管理員的信息。輸入項目：管理員工號/年齡/性別。輸出項目：查詢結(jié)果界面。4. 普通員工信息模塊功能：可以查詢/修改/刪除/重置有

8、關(guān)已經(jīng)注冊的普通員工的信息。輸入項目：員工工號/性別/年齡。輸出項目：查詢結(jié)果界面。5. 菜品模塊功能：可供管理員對菜品進行上架/下架/價格/數(shù)量修改等管理操作。輸入項目：菜品的相關(guān)信息，與數(shù)據(jù)庫中菜品字段一一對應(yīng)。輸出項目：菜品查詢結(jié)果頁面。6. 訂單模塊功能：可供管理員對訂單進行管理操作。輸入項目：訂單相關(guān)信息與數(shù)據(jù)庫中一一對應(yīng)。輸出項目：訂單查詢結(jié)果頁面。7. 餐桌信息模塊功能：可供管理員或普通員工對餐桌信息進行查詢以及修改。輸入項目：餐桌相關(guān)信息，與數(shù)據(jù)庫中一一對應(yīng)。輸出項目：餐桌信息查詢結(jié)果。3.3數(shù)據(jù)庫設(shè)計. v.第4章 實現(xiàn)與測試4.1 系統(tǒng)界面首頁=點擊“Login in”進入

9、登錄/注冊界面=登錄管理員登錄=注冊界面=登陸成功后界面在此界面可以瀏覽“今日推薦”，查看熱門甜品或新品=點擊“管理員信息”=可以修改管理員信息點擊“EDIT”進行編輯修改點擊“SAVE”，保存，即修改成功點擊“CANCEL”，取消，即取消修改，保持原狀=點擊“DELETE”，刪除信息彈出對話框：點擊“確定”，刪除信息點擊“取消”，不刪除=點擊“RESET”，重置管理員密碼彈出對話框：點擊“確定”，重置密碼點擊“取消”，取消重置=返回登陸后首頁點擊“員工信息管理”=在此界面仍可修改店員工信息點擊“EDIT”進行編輯修改點擊“SAVE”，保存，即修改成功點擊“CANCEL”，取消，即取消修改，保

10、持原狀=點擊“DELETE”，刪除信息彈出對話框：點擊“確定”，刪除信息點擊“取消”，不刪除=返回登陸后界面，進行其他操作。=4.2連接數(shù)據(jù)庫代碼package .leadingsoft.demo.util;import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;import .mysql.jdbc.Driver;public class DbUtil private static final String URL = "jdbc:mysql:/localhost:33

11、06/cake"private static final String USER_NAME = "root"private static final String PASSWORD = "123456"private Connection conn;public Connection getConnection() try DriverManager.registerDriver(new Driver();this.conn = DriverManager.getConnection(URL, USER_NAME, PASSWORD); cat

12、ch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();return conn;public void closeConnection() if (conn != null) try conn.close(); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();=4.3 登錄注冊界面實現(xiàn)代碼package .leadingsoft.demo;import java.io.IOException;impor

13、t javax.servlet.RequestDispatcher;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import .leadingsoft.demo.service.LoginService;/* * Servl

14、et implementation class Login */WebServlet("/Login")public class Login extends HttpServlet private static final long serialVersionUID = 1L;/* * see HttpServlet*doGet(HttpServletRequest request, HttpServletResponse * response) */Overrideprotected void doGet(HttpServletRequest request, HttpS

15、ervletResponse response)throws ServletException, IOException String userName = request.getParameter("userName");String password = request.getParameter("password");LoginService loginService = new LoginService();int result = loginService.validate(userName, password);if (result <

16、 3) request.setAttribute("error", "用戶名或密碼錯誤！");RequestDispatcher rd = request.getRequestDispatcher("login.jsp");rd.forward(request, response); else request.getSession().setAttribute("flag", "1");RequestDispatcher rd = request.getRequestDispatcher(&qu

17、ot;WEB-INF/jsp/main.jsp");rd.forward(request, response);/* * see HttpServlet*doPost(HttpServletRequest request, HttpServletResponse * response) */Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException / TODO Auto-generated met

18、hod stubdoGet(request, response);=4.4 數(shù)據(jù)庫數(shù)據(jù)刪改部分代碼package .leadingsoft.demo.dao;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 .leadingsoft.demo.dto.User;import .leadingsoft.de

19、mo.util.DbUtil;public class UserDao public User searchUser(String name) DbUtil util = new DbUtil();Connection con = util.getConnection();User user = null;try PreparedStatement pstmt = con.prepareStatement("SELECT * FROM users WHERE user_name=");pstmt.setString(1, name);ResultSet rs = pstmt

20、.executeQuery();if (rs.next() user = new User(rs.getString("user_name"), rs.getString("user_password"), rs.getString("sex"),rs.getInt("age");rs.close();pstmt.close(); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace(); finally util.clo

21、seConnection();return user;public List<User> searchAll() List<User> users = new ArrayList<User>();DbUtil util = new DbUtil();Connection con = util.getConnection();try PreparedStatement pstmt = con.prepareStatement("SELECT * FROM users");ResultSet rs = pstmt.executeQuery()

22、;while (rs.next() User user = new User(rs.getString("user_name"), rs.getString("user_password"), rs.getString("sex"),rs.getInt("age");users.add(user);rs.close();pstmt.close(); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace(); finally

23、 util.closeConnection();return users;public boolean deleteUser(String userName) DbUtil util = new DbUtil();Connection con = util.getConnection();int result = 0;try PreparedStatement pstmt = con.prepareStatement("DELETE FROM users WHERE user_name=");pstmt.setString(1, userName);result = pst

24、mt.executeUpdate(); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace(); finally util.closeConnection();return result > 0;=4.5 HTML+CSS界面部分代碼<body><div class="cotn_principal"> <div class="cont_centrar"> <div class="cont_login&q

25、uot;> <div class="cont_info_log_sign_up"> <div class="col_md_login"> <div class="cont_ba_opcitiy"> <h2>LOGIN</h2> <p>Lorem ipsum dolor sit amet, consectetur.</p> <button class="btn_login" onClick="cambiar_lo

26、gin()">LOGIN</button> </div> </div> <div class="col_md_sign_up"> <div class="cont_ba_opcitiy"> <h2>SIGN UP</h2> <p>Lorem ipsum dolor sit amet, consectetur.</p> <button class="btn_sign_up" onClick="cam

27、biar_sign_up()">SIGN UP</button> </div> </div> </div> <div class="cont_back_info"> <div class="cont_img_back_grey"> <img src="login-reg/po.jpg" alt=" /> </div> </div> <div class="cont_forms"

28、 > <div class="cont_img_back_"> <img src="login-reg/po.jpg" alt=" /> </div> <div class="cont_form_login"> <a href="*" onClick="ocultar_login_sign_up()" ><i class="material-icons">&*xE5C4;</

29、i></a> <h2>LOGIN</h2> <form action="Login"> <input name="userName" class="form-control" type="text" id="userName" placeholder="User Name" value="$param.userName " style="width:220px;margin-left:5

30、0px" /><br/> <input name="password" class="form-control" type="password" id="password" placeholder="Password" style="width:220px;margin-left:50px"/> <button class="btn_login" type="submit">LOGIN

31、</button> </form> </div> <div class="cont_form_sign_up"> <a href="*" onClick="ocultar_login_sign_up()"><i class="material-icons">&*xE5C4;</i></a> <h2>SIGN UP</h2> <input type="text" placeholder="Email" /> <input type="text&