SpringBoot+Vue实现课程评价系统

文末获取源码

开发语言：Java

使用框架：spring boot

前端技术：JavaScript、Vue.js 、css3

开发工具：IDEA/MyEclipse/Eclipse、Visual Studio Code

数据库：MySQL 5.7/8.0

数据库管理工具：phpstudy/Navicat

JDK版本：Java jdk8

Maven:apache-maven 3.8.1-bin

一、前言介绍 

信息化社会内需要与之针对性的信息获取途径，但是途径的扩展基本上为人们所努力的方向，由于站在的角度存在偏差，人们经常能够获得不同类型信息，这也是技术最为难以攻克的课题。针对课程评价等问题，对如何通过计算机课程评价进行研究分析，然后开发设计出课程评价系统已解决问题。

课程评价系统主要功能模块包括登录、首页、站点管理（轮播图、公告栏）用户管理（管理员、学生、教师）更多管理（教学资源管理、教学分类管理、教学课堂管理、教学评价管理）账号维护，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用java技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对课程评价系统的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现课程评价系统和部署运行使用它。

二、系统需求分析

课程评价系统需要满足的需求有以下几个：

1.信息获取方便，用户可在网页上快速浏览到新的信息

2.查看在线详情，单独查看某一个在线的详细信息。

3.注册登录，课程评价系统需要吸引用户，即通过注册来提高用户的存留率。

4.历史记录，用户可以查看自己购买过的订单信息以及其他操作。

5.修改用户信息，可以修改用户密码或者用户名等一些个性化操作。

6.管理员功能，管理员可以对用户或者在线进行管理。

7.系统安全，操作简便，不过于复杂。

8.系统可以稳定运行，不存在卡顿等问题造成用户反感。

三、学生功能模块

3.1首页

课程评价系统，在系统首页可以查看学生：首页、课程信息、学生评分、通知公告、测评信息等内容，如图所示。

3.2用户注册

在用户注册页面通过填写用户账号、用户姓名、密码、年龄、联系电话、电子邮箱等信息完成用户注册，如图所示。 

3.3教学资源

教学资源页面可查看标题、类型、发布时间等信息，如图所示。 

3.4个人中心

在个人中心页面通过填写用户账号、用户姓名、密码、性别、年龄、联系电话、电子邮箱、等内容进行更新信息，如图所示。 

3.5教学课堂

在教学课堂可以查看首页、公告消息等内容，如图所示。 

四、管理员功能模块

4.1登录 

管理员登录，通过填写注册时输入的用户名、密码、角色、验证码进行登录，如图所示。

4.2首页

管理员登录进入课程评价系统可以查看管理员：首页、站点管理（轮播图、公告栏）用户管理（管理员、学生、教师）更多管理（教学资源管理、教学分类管理、教学课堂管理、教学评价管理）等信息，如图所示。

4.3教学资源管理

在教学资源管理页面中可以查看索引、昵称、头像、评论人等信息，并可根据需要进行修改或删除等操作，如图所示。

4.4教学课堂管理

在教学课堂管理页面中可以查看索引、标题、类型、课程封面、教师工号、课程视频等信息，并可根据需要进行修改或删除等操作，如图所示。

4.5通知公告

在通知公告页面中可以查看标题、公告内容、发布人等信息，并可根据需要进行查看修改或删除等操作，如图所示。 

4.6用户管理

在用户管理页面中可以查看索引、用户账号、用户姓名、密码、性别、年龄、联系电话、电子邮箱等信息，并可根据需要进行修改或删除等操作，如图所示。 

五、教师功能模块

用户登录进入课程评价系统可以查看后台首页、公告信息、教学资源、教学课堂等内容。如图所示。

六、部分核心代码 

 @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

    public Map<String,Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

}

    public void insert(Map<String,Object> body){

        StringBuffer sql = new StringBuffer("INSERT INTO ");

        sql.append("`").append(table).append("`").append(" (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(") VALUES (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("'").append(entry.getValue()).append("'").append(",");

            }else {

                sql.append(entry.getValue()).append(",");

            }

        }

        sql.deleteCharAt(sql.length() - 1);

        sql.append(")");

        log.info("[{}] - 插入操作：{}",table,sql);

        Query query = runCountSql(sql.toString());

        query.executeUpdate();

    }