基于BootStrap+JSP的学生管理系统(毕业设计项目)

基于BootStrap+JSP的学生管理系统

1、前言

自己做的毕业设计项目,只是做了比较基础的东西,没有什么比较突出的功能,后台几个模块样式相同都是几个表。


2、概述

前端使用了BootStrap框架后端代码主要使用了JSP来实现,主要功能有用户登录、首页、管理员登录、学生管理、学生成绩、上课信息、课程管理、开课信息、详细信息、角色管理、退出登录,十一个大模块,当以管理员身份登录时可以实现对数据库中的数据进行增删改查的基础操作。

  • 运行环境
    操作系统:Windows 10;
    开发工具:IDEA 、Tomcat8.5 、MySQL(Navicat);

3、项目运行截图

  • 用户登录界面,输入用户名和密码进行验证。

基于BootStrap+JSP的学生管理系统(毕业设计项目)


  • 首页,可以进行管理员登录,用ECharts图表制作了一个折线图,用ace框架制作了三个表格,并通过session存储登录时输入的用户名在首页上显示。

基于BootStrap+JSP的学生管理系统(毕业设计项目)


  • 点击管理员登录,点击登录按钮,进入管理员登录界面,输入用户名和密码进行验证。

基于BootStrap+JSP的学生管理系统(毕业设计项目)


基于BootStrap+JSP的学生管理系统(毕业设计项目)


  • 后台学生信息管理界面,同样通过session存储登录时输入的用户名在导航栏上显示登录时输入的用户名

基于BootStrap+JSP的学生管理系统(毕业设计项目)


  • 学生管理,显示数据库表中的数据,实现增删改查操作

基于BootStrap+JSP的学生管理系统(毕业设计项目)


  • 剩下的学生成绩、上课信息、课程管理、开课信息、详细信息,与学生管理界面是相同的。

  • 角色管理,分为教师端和老师端,点击不同的按钮进入不同的界面。

基于BootStrap+JSP的学生管理系统(毕业设计项目)


基于BootStrap+JSP的学生管理系统(毕业设计项目)


基于BootStrap+JSP的学生管理系统(毕业设计项目)

  • 点击退出登录会跳转到管理员登录界面。

4、部分代码

  • 用户登录验证
public class LoginServlet extends HttpServlet {

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

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = request.getParameter("username");//获取用户名
        String password = request.getParameter("password");//获取密码
        UserDao userDao=new UserDao();
        if(userDao.login(username,password))
        {
            HttpSession session=request.getSession();
            //登录成功,进入主界面
            session.setAttribute("yonghu",username);//把当前用户名放入session中存储
            request.getRequestDispatcher("main.jsp").forward(request,response);//请求分发给主界面,导向主界面,将request,response导入主界面
        }
        else
        {
            //登录失败,进入Login界面
            response.sendRedirect("Logins.jsp");
        }
    }
}

  • 数据库连接
public class DB {
    /*数据库的访问过程
       1.加载数据库的驱动 driver    
       2.获取链接 连接到数据库 connector 
       3.处理访问语句 statement  
       4.结果集 Resultset         
    */
    private static DataSource ds ;
    //加载驱动
    private  static String driver="com.mysql.jdbc.Driver";
    //连接
    private static String url="jdbc:mysql://localhost:3309/two";
    //用户名和密码
    private static String username="root";
    private static String password="root";
    //获取数据库的链接
    public static Connection getConnection(){
        Connection connection=null;
        //加载驱动
        try {
            Class.forName(driver);
            connection= DriverManager.getConnection(url,username,password);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return connection;
    }
    /**
     * 获取连接池对象
     */
    public static DataSource getDataSource(){
        return ds;
    }

}

5、数据库结构

  • 数据库名:two;
  • 数据库表:一共10个表(这里只写部分表的内容)

user:

编号 列名 数据类型
1 id int
2 names varchar
3 banji varchar
4 xingbie varchar
5 age varchar
6 numb varchar

t_user :

编号 列名 数据类型
1 id int
2 username varchar
3 password varchar

student:

编号 列名 数据类型
1 id int
2 name varchar
3 aclass varchar
4 phone varchar
5 yidexuefen varchar

teacher:

编号 列名 数据类型
1 id int
2 teacher varchar
3 kcname varchar
4 sex varchar
5 gongling varchar
6 room varchar

6、总结

经过对Java面向对象、JSP动态网页技术、JavaScript程序设计、HTML5应用开发这些知识的学习和掌握,和这次学生信息管理系统的设计与实现,让我了解到了熟练掌握一门编程语言的重要性。JSP实际上是将java程序片段和jsp标记嵌入html文档中,当客户端访问一个JSP网页时,将执行其中的程序片段,然后返回给客户端标准的html文档。同时对java也有了新的了解与认识,Java面向对象,具有封装、继承、多态和抽象的特性,能够提高软件开发时的效率。作为一个软件技术专业的学生,学好java、jsp等等这些编程语言是非常重要的,在此次系统的设计时,我还学习了BootStrap前端开发框架,BootStrap框架是基于HTML、CSS、JavaScript的,它能够时Web开发更加便捷。前端VUE 、element、Ajax、jQuery样式等等的掌握让我对网页的布局、样式、网页效果等的实现更加精准。

当然这次做的学生管理系统还有需多功能没有实现,比如登录时的验证码安全机制,同一个登录页面上实现不同身份登录,分页功能等等。这些功能还没来得及去花时间探索,以后有机会有时间有技术会加到项目中。


上一篇:bootstrap下拉框selectpicker使用


下一篇:第四周总结(css,bootstrap)