一、源码特点
springboot VUE 粮食经销系统是一套完善的完整信息管理类型系统,结合springboot框架和VUE完成本系统,对理解JSP java编程开发语言有帮助系统采用springboot框架(MVC模式开发)
,系统具有完整的源代码和数据库,系统主要采用B/S模式开发。
springboot vue 粮食经销系统1
前段主要技术 vue
后端主要技术 Springboot java
数据库 mysql
开发工具 IDEA JDK1.8
环境需要
1.运行环境:最好是java jdk 1.8,我们在这个平台上运行的。其他版本理论上也可以 不建议。
2.IDE环境:推荐IDEA;
3.tomcat环境:Tomcat 7.x,8.x,9.x版本均可,本系统不需要
4.硬件环境:windows 7/8/10 1G内存以上;;
5.数据库:MySql 5.0 5.6等版本均可;
6.maven项目
使用说明
1. 使用Navicat或者其它工具,在mysql中创建对应sql文件名称的数据库,并导入项目的sql文件;
2. 使用IDEA/Eclipse/MyEclipse导入项目;
3. 将项目中lsjx\src\main\resources 下的 application.properties 配置文件中的数据库配置改为自己的配置;
数据库支持 mysql5.0 到5.6 ,如果需要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)用户登录 个人信息修改
服务端代码
- @GetMapping("list")
- public Result list(@RequestParam(value = "pageNum",defaultValue = "1") int page,
- @RequestParam(value = "pageSize",defaultValue = "10") int szie,
- @RequestParam(defaultValue = "") String gkmc
- ) {
-
- Result res=new Result();
-
-
- List list=null;
- String sql="";
- try{
-
-
-
- if(gkmc!=null&&!gkmc.equals("")){
- sql+=" and gkmc like '%"+gkmc+"%'";//符合条件 拼接sql 顾客名称
- }
-
-
-
- list=gukedao.querylist(sql,page,szie);//查询guke表数据返回 list对象
- res.setCode(200);
- res.setMessage("查询成功");
-
-
- res.setData(tl.ltoj(list));
-
- list=gukedao.querylist(sql);
- res.setNum(list.size());
-
- }catch(Exception e){
- e.printStackTrace();;
- }
-
-
-
-
- return res;
- }
-
-
- /**顾客列表 查询guke
- *
- */
-
- @GetMapping("listpage")
- public Result listpage(
- @RequestParam(defaultValue = "") String gkmc
- ) {
-
- Result res=new Result();
-
-
- List list=null;
- String sql="";
-
- if(gkmc!=null&&!gkmc.equals("")){
- sql+=" and gkmc like '%"+gkmc+"%'";//符合条件 拼接sql 顾客名称
- }
- try{
-
- list=gukedao.querylist(sql);//查询gly 表数据返回 list对象
- res.setCode(200);
- res.setMessage("查询成功");
-
-
- res.setData(tl.ltoj(list));
-
- }catch(Exception e){
- e.printStackTrace();;
- }
-
-
-
-
- return res;
- }
-
-
- /**顾客添加方法 对表 guke 进行添加
- *
- */
- @PostMapping(value = "add")
- public Result add(@RequestBody guke bean){
- Result res=new Result();
-
-
- try{
-
- if(bean.getGkid()!=null&&!bean.getGkid().equals("")){
- gukedao.update(bean);//执行 修改 guke 添加操作
- res.setMessage("操作成功");
- }else{
- gukedao.add(bean);//执行 添加guke 添加操作
- res.setMessage("添加成功");
- }
-
-
- }catch(Exception e){
- e.printStackTrace();;
- }
- res.setCode(200);
-
- //System.out.println(res);
-
-
-
- return res;
-
- }
VUE代码
- <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="gkmc" label="顾客名称" width="120"></el-table-column>
- <el-table-column prop="lxdh" label="联系电话" width="120"></el-table-column>
- <el-table-column prop="lxdz" label="联系地址" width="120"></el-table-column>
-
- <el-table-column label="操作" width="500" 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.gkid)"
- >
- <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="30%" >
-
- <el-form :model="form" :rules="rules" ref="beanForm" label-width="80px" size="small" >
-
- <el-form-item label="顾客名称" prop="gkmc" >
- <el-input v-model="form.gkmc" ></el-input>
- </el-form-item>
- <el-form-item label="联系电话" prop="lxdh" >
- <el-input v-model="form.lxdh" ></el-input>
- </el-form-item>
- <el-form-item label="联系地址" prop="lxdz" >
- <el-input v-model="form.lxdz" ></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="gkmc" required>
- {{form.gkmc}}
- </el-form-item>
-
- <el-form-item label="联系电话" prop="lxdh" required>
- {{form.lxdh}}
- </el-form-item>
-
- <el-form-item label="联系地址" prop="lxdz" required>
- {{form.lxdz}}
- </el-form-item>
三、注意事项
1、管理员账号:admin密码:admin 数据库配置文件DBO.java
2、开发环境为IDEA开发,数据库为mysql,使用java语言开发 VUE展现。
3、数据库文件名是jsplsjx.sql 系统名称lsjx
四 系统实现