1964springboot VUE小程序在线学习管理系统开发mysql数据库uniapp开发java编程计算机网页源码maven项目

一、源码特点
  springboot VUE uniapp 小程序 在线学习管理系统是一套完善的完整信息管理类型系统,结合springboot框架uniapp和VUE完成本系统,对理解vue java编程开发语言有帮助系统采用springboot框架(MVC模式开发),系统具有完整的源代码和数据库,系统主要采用B/S模式开发。

微信小程序在线学习管理系统


前段主要技术 vue 
后端主要技术 Springboot java
数据库 mysql
开发工具 IDEA  JDK1.8 
微信小程序 uniapp 开发的微信小程序
环境需要

1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以 不建议。

2.IDE环境:推荐IDEA;

3.硬件环境:windows 7/8/10 1G内存以上;;

5.数据库:MySql 5.0 到 5.5 等版本均可 需要高版本 如mysql8.0 需要修改数据连接配置,以及maven中的mysql 驱动包;

6.是Maven项目;查看源码目录中是否包含pom.xml;

使用说明

1. 使用Navicat或者其它工具,在mysql中创建对应sql文件名称的数据库,并导入项目的sql文件 数据库字符集gb2312;

2. 使用IDEA导入项目;

3. 将项目中shequ\src\main\resources 下的 application.properties 配置文件中的数据库配置改为自己的配置;
数据库支持 mysql5.0 到5.5 ,如果需要5.7 到8.0 需要二次转换升级
4.vscode 开vue项目工程
5.vue 项目启动  npm run serve 
vue 版本 2.9.6
node 版本 16.14.2

二、功能介绍

智学管理系统要满足以下几个方面的功能需求:
后端服务功能主要包括:
(1)管理员管理:对管理员信息进行添加、删除、修改和查看
(2)班级管理:对班级信息进行添加、删除、修改和查看
(3)教师管理:对教师信息进行添加、删除、修改和查看
(4)学生管理:对学生信息进行添加、删除、修改和查看
(5)班级评价管理:对班级评价信息进行删除、修改和查看
(6)投诉建议管理:对投诉建议信息进行删除、修改和查看
(7)资料类型管理:对资料类型信息进行添加、删除、修改和查看
(8)资料管理:对资料信息进行添加、删除、修改和查看
(9)作业管理:对作业信息进行添加、删除、修改和查看
(10)提交作业管理:对提交作业信息进行删除、修改和查看
前端(微信小程序功能)主要包括:
(1)用户登录
(2)班级浏览、提交班级评价、查看已经提交的评价信息
(3)提交投诉建议、查看已经提交的投诉建议
(4)浏览资料信息、并且可以下载资料文件
(5)浏览作业、并且提交作业信息、查看已经提交的作业
(6)可以通过系统调用的ai接口(百度ai接口)针对自己的一些常见的问题(如,如何提交自己的成绩进行问答)
(7)个人信息修改

数据库设计

CREATE TABLE `gly` (
`glyid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',  PRIMARY KEY  (`glyid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `banji` (
`bjid` int(11) NOT NULL auto_increment,
`bjmc` VARCHAR(40) default NULL COMMENT '班级名称',  PRIMARY KEY  (`bjid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `jiaoshi` (
`jsid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',
`lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
`lxdz` VARCHAR(40) default NULL COMMENT '联系地址',
`bj` VARCHAR(40) default NULL COMMENT '班级',  PRIMARY KEY  (`jsid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `xuesheng` (
`xsid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`xm` VARCHAR(40) default NULL COMMENT '姓名',
`lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
`lxdz` VARCHAR(40) default NULL COMMENT '联系地址',
`bj` VARCHAR(40) default NULL COMMENT '班级',
`jrsj` VARCHAR(40) default NULL COMMENT '加入时间',
`zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`xsid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `bjpj` (
`bjpjid` int(11) NOT NULL auto_increment,
`bj` VARCHAR(40) default NULL COMMENT '班级',
`pj` VARCHAR(40) default NULL COMMENT '评价',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`pjsj` VARCHAR(40) default NULL COMMENT '评价时间',  PRIMARY KEY  (`bjpjid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `tsjy` (
`tsjyid` int(11) NOT NULL auto_increment,
`bt` VARCHAR(40) default NULL COMMENT '标题',
`nr` VARCHAR(40) default NULL COMMENT '内容',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`tjsj` VARCHAR(40) default NULL COMMENT '提交时间',
`zt` VARCHAR(40) default NULL COMMENT '状态',  PRIMARY KEY  (`tsjyid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `zllx` (
`zllxid` int(11) NOT NULL auto_increment,
`lx` VARCHAR(40) default NULL COMMENT '类型',  PRIMARY KEY  (`zllxid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `ziliao` (
`zlid` int(11) NOT NULL auto_increment,
`zlmc` VARCHAR(40) default NULL COMMENT '资料名称',
`lx` VARCHAR(40) default NULL COMMENT '类型',
`lb` VARCHAR(40) default NULL COMMENT '类别',
`sm` VARCHAR(40) default NULL COMMENT '说明',
`scsj` VARCHAR(40) default NULL COMMENT '上传时间',
`fj` VARCHAR(40) default NULL COMMENT '附件',  PRIMARY KEY  (`zlid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;

后台控制类设计



   /**教师列表 查询jiaoshi
     *
     */
    @GetMapping("list")
    public Result  list(@RequestParam(value = "pageNum",defaultValue = "1") int page,
                            @RequestParam(value = "pageSize",defaultValue = "10") int szie,
			    @RequestParam(defaultValue = "") String yhm,
                        @RequestParam(defaultValue = "") String js
			    )  {

        Result res=new Result();


        List list=null;
        String sql="";
        try{


      
	  if(yhm!=null&&!yhm.equals("")){
                sql+=" and yhm like '%"+yhm+"%'";//符合条件 拼接sql 用户名
            }



            list=jiaoshidao.querylist(sql,page,szie);//查询jiaoshi表数据返回 list对象
            res.setCode(200);
            res.setMessage("查询成功");


            res.setData(tl.ltoj(list));

            list=jiaoshidao.querylist(sql);
            res.setNum(list.size());

        }catch(Exception e){
            e.printStackTrace();;
        }




        return res;
    }


   /**教师列表 查询jiaoshi
	 * 
	 */

    @GetMapping("listpage")
    public Result  listpage(
			    @RequestParam(defaultValue = "") String yhm
			    )  {

        Result res=new Result();


        List list=null;
     String sql="";
      
	  if(yhm!=null&&!yhm.equals("")){
                sql+=" and yhm like '%"+yhm+"%'";//符合条件 拼接sql 用户名
            }
	try{
	  
	list=jiaoshidao.querylist(sql);//查询gly 表数据返回 list对象
        res.setCode(200);
        res.setMessage("查询成功");


        res.setData(tl.ltoj(list));

	}catch(Exception e){
            e.printStackTrace();;
        }


       

        return res;
    }


	/**教师添加方法 对表 jiaoshi  进行添加
	 * 
	 */
    @PostMapping(value = "add")
    public Result  add(@RequestBody jiaoshi bean){
            Result res=new Result();
        String sql="";
        ResultSet rs=null;
        int num=0;
        DBO db=new DBO();


        try{
         
            if(bean.getJsid()!=null&&!bean.getJsid().equals("")){
            jiaoshidao.update(bean);//执行 修改 jiaoshi 添加操作
                res.setMessage("操作成功");
                res.setCode(200);
            }else{
                sql="select count(1) as num from jiaoshi where yhm='"+bean.getYhm()+"'";
                rs=db.query(sql);
                if(rs.next()){
                    num=rs.getInt("num");
                }
                if(num>0){
                    res.setMessage("注册失败、用户名重复");
                    res.setCode(201);
                }else {
                    jiaoshidao.add(bean);//执行 添加jiaoshi 添加操作
                    res.setMessage("注册成功");
                    res.setCode(200);
                }
        }


	 }catch(Exception e){
            e.printStackTrace();;
        }


        //System.out.println(res);



        return res;

    }


	
	 /**教师删除方法 对表jiaoshi  进行删除
	 * 
	 */
     @DeleteMapping("del/{id}")
    public Result  del( @PathVariable String id){
         Result res=new Result();
        try{
           jiaoshidao.delete(id);//执行 删除jiaoshi 方法

        }catch(Exception e){
            e.printStackTrace();;
        }


         res.setCode(200);
         res.setMessage("删除成功");


        return res;
    }




	/**教师查看方法 对表 jiaoshi 进行查看
	 * 
	 */

    @GetMapping("detail")
    public Result  detail(@RequestParam String id){
        Result res=new Result();
        Map<String, String> map = new HashMap<>();

        jiaoshi bean=new jiaoshi();//初始对象教师
    
        try{
          
            map=jiaoshidao.getjiaoshiMap(id);//查询获得当前教师对象



         
            res.setCode(200);
            res.setMessage("查询成功");

            res.setData(tl.mtoj(map));

            System.out.println(tl.mtoj(map));

        
        }catch(Exception e){
            e.printStackTrace();;
        }





        return res;
    }
	
	/**教师修改页面 对表 jiaoshi 进行查看
	 * 
	 */
	 @GetMapping("modifypage")

    public Result  modifypage(@RequestParam String id){
        Result res=new Result();
        Map<String, String> map = new HashMap<>();
        tool tl=new tool();
        try{
            map=jiaoshidao.getjiaoshiMap(id);//获取jiaoshi 对象

            //String str=obj.toString();
            res.setCode(200);
            res.setMessage("查询成功");

            res.setData(tl.mtoj(map));//赋值 
        }catch(Exception e){
            e.printStackTrace();;
        }





        return res;
    }

vue端设计

  </div>

    <el-table :data="tableData" border stripe :header-cell-class-name="'headerBg'"  @selection-change="handleSelectionChange">

     
        <el-table-column  label="序号" width="80"
      type="index"
      :index="indexMethod">

    </el-table-column>

      <el-table-column prop="lsh" label="流水号" width="120"></el-table-column>
      <el-table-column prop="zymc" label="作业名称" width="220"></el-table-column>
 
      
      <el-table-column prop="fbsj" label="发布时间" width="160"></el-table-column>
    
      <el-table-column label="操作"  width="320" align="center">
        <template slot-scope="scope">
        
        <el-button type="info" @click="handleDetail(scope.row)">详情 <i class="el-icon-reading"></i></el-button>
          <el-button type="success" @click="handleEdit(scope.row)">编辑 <i class="el-icon-edit"></i></el-button>
          <el-popconfirm
              class="ml-5"
              confirm-button-text='确定'
              cancel-button-text='我再想想'
              icon="el-icon-info"
              icon-color="red"
              title="您确定删除吗?"
              @confirm="del(scope.row.zyid)"
          >
            <el-button type="danger" slot="reference">删除 <i class="el-icon-remove-outline"></i></el-button>
          </el-popconfirm>
        </template>
      </el-table-column>
    </el-table>
    <div style="padding: 10px 0">
      <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="pageNum"
          :page-sizes="[2, 5, 10, 20]"
          :page-size="pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total">
      </el-pagination>
    </div>

    <el-dialog title="作业信息" :visible.sync="dialogFormVisible" width="40%" >

      <el-form  :model="form" :rules="rules" ref="beanForm"  label-width="180px" size="small" >

        <el-form-item label="流水号" prop="lsh"  >
          <el-input v-model="form.lsh" disabled  ></el-input>
       </el-form-item>
        <el-form-item label="作业名称" prop="zymc"  >
          <el-input v-model="form.zymc"  ></el-input>
       </el-form-item>
        <el-form-item label="说明" prop="sm"  >
          <el-input v-model="form.sm" type="textarea" rows="5"  ></el-input>
       </el-form-item>
        <el-form-item label="附件" prop="fj"  >
          <el-input v-model="form.fj" disabled style="width: 120px"  ></el-input><el-button type="primary" @click="dialogFileVisible = true">上传</el-button>
       </el-form-item>
        <el-form-item label="发布时间" prop="fbsj"  >
          <el-input v-model="form.fbsj"   disabled ></el-input>
       </el-form-item>
  
       
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="save">确 定</el-button>
      </div>
      
    </el-dialog>


        <el-dialog title="查看作业信息" :visible.sync="dialogDetailVisible" width="30%" >

      <el-form  :model="form" :rules="rules" ref="beanForm"  label-width="80px" size="small" >


        <el-form-item label="流水号" prop="lsh"  required>
         {{form.lsh}}
       </el-form-item>

        <el-form-item label="作业名称" prop="zymc"  required>
         {{form.zymc}}
       </el-form-item>

        <el-form-item label="说明" prop="sm"  required>
         {{form.sm}}
       </el-form-item>

        <el-form-item label="附件" prop="fj"  required>
     

         <a :href="'http://'+serverIp+':9090/file/download?filename='+ form.fj" target="" style="text-decoration:none;">下载</a>
       </el-form-item>

        <el-form-item label="发布时间" prop="fbsj"  required>
         {{form.fbsj}}
       </el-form-item>

    
    
       
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogDetailVisible = false">关闭</el-button>
       
      </div>
      
    </el-dialog>


    <el-dialog title="附件" :visible.sync="dialogFileVisible" width="30%" >

<el-upload
class="upload-demo"
:action="uploadAction"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
:on-success="handleAvatarSuccess"
multiple
:limit="1"
:on-exceed="handleExceed"
:file-list="fileList">
<el-button size="small" type="primary">点击上传</el-button>
<!--div slot="tip" class="el-upload__tip">上传文件,且不超过500kb</div-->
</el-upload>
  </el-dialog>

    
  
 
  </div>
</template>

<script>
import {serverIp} from "../../public/config";
import * as util from "../../public/util.js";
export default {
  name: "zuoye",
  data() {
    return {
      serverIp: serverIp,
      tableData: [],
      fileList: [],
      total: 0,
      pageNum: 1,
      pageSize: 10,
      lsh: "",
       form: {},
      dialogFormVisible: false,
      dialogDetailVisible:false,
      dialogFileVisible:false,
      multipleSelection: [],
      uploadAction: "http://"+serverIp+":9090/file/upload",
        vis: false,
      rules: {
        lsh: [
          { required: true, message: '请输入流水号', trigger: 'blur' }
        ],
        zymc: [
          { required: true, message: '请输入作业名称', trigger: 'blur' }
        ],
        sm: [
          { required: true, message: '请输入说明', trigger: 'blur' }
        ],
        fj: [
          { required: true, message: '请输入附件', trigger: 'blur' }
        ],
        fbsj: [
          { required: true, message: '请输入发布时间', trigger: 'blur' }
        ],
      
      }
    }
  },
  created() {
    this.load()
  },
  methods: {
      indexMethod(index) {
        return index+1;
      },
   
    load() {
      this.request.get("/zuoye/list", {
        params: {
          pageNum: this.pageNum,
          pageSize: this.pageSize,
          lsh: this.lsh,
        }
      }).then(res => {
            console.log(res.data)
      this.tableData = JSON.parse(res.data)
         this.total =res.num

      })

     
    },
    save() {
      //保存方法
      this.$refs['beanForm'].validate((valid) => {
        if (valid) {  // 表单校验合法


      this.request.post("/zuoye/add", this.form).then(res => {

     

         // 表单校验合法
        if (res.code == '200') {
          this.$message.success(res.message)
          this.dialogFormVisible = false
       this.load()
        } else {
          this.$message.error(res.message)
        }

        
      })

        }
      });
      
     
    },
    handleAdd() {

uniapp设计

<uni-section title="提交过的作业信息" type="line">
			<uni-list>
				<uni-list-chat v-for="(item,index) in listData" :key="item.tsjyid" :title="item.bt"  :note="item.zymc"
				 :time="item.tjsj" :clickable="true" :avatarList="avatar(index+1)" :badge-text="item.zt"  @click="onClick(item.tjzyid)"></uni-list-chat>
			</uni-list>
		</uni-section>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
			
				listData: [],
				avatarList: [{
					url: '/static/tousu.png'
				}]
			}
		},
		onLoad() {
			this.getList()
		},
		methods: {
			onClick(id) {
			//	alert(id);
			uni.navigateTo({
				url:'/pages/zuoye/tjzydetail?id='+id
			})
			},
			avatar(count) {
				let arr = []
				this.avatarList.forEach((item, index) => {
					if (index < count) {
						arr.push(item)
					}
				})
				return arr
			},
			getList() {
			
			this.request({
					url: '/tjzy/listpage',
					method: 'GET',
					data:{yh:uni.getStorageSync('yhm')}
				}).then(res => {
					//console.log("data="+res.data)
					this.listData = JSON.parse(res.data)
				})	
					
					
					
				
		
			},
		
		
	
			

		}
	}
</script>

<style lang="scss" >
	.chat-custom-right {
		flex: 1;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	}

	.chat-custom-text {
		font-size: 12px;
		color: #999;
	}
</style>

三、注意事项
1、管理员账号:admin密码:admin 数据库配置文件\src\main\resources\application.properties
2、开发环境为IDEA开发,数据库为mysql,使用java语言开发。
3、数据库文件名是javastudy.sql 系统名称study
4、地址:http://128.0.0.1:8080/login

四 系统实现

需要源码 其他的定制服务  下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者

  • 16
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_251836457

你的鼓励 是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值