一、源碼特點
? springboot VUE 糧食經(jīng)銷系統(tǒng)是一套完善的完整信息管理類型系統(tǒng),結(jié)合springboot框架和VUE完成本系統(tǒng),對理解JSP java編程開發(fā)語言有幫助系統(tǒng)采用springboot框架(MVC模式開發(fā))
,系統(tǒng)具有完整的源代碼和數(shù)據(jù)庫,系統(tǒng)主要采用B/S模式開發(fā)。
springboot vue 糧食經(jīng)銷系統(tǒng)1
前段主要技術(shù) vue?
后端主要技術(shù) Springboot java
數(shù)據(jù)庫 mysql
開發(fā)工具 IDEA ?JDK1.8?
環(huán)境需要
1.運行環(huán)境:最好是java jdk 1.8,我們在這個平臺上運行的。其他版本理論上也可以 不建議。
2.IDE環(huán)境:推薦IDEA;
3.tomcat環(huán)境:Tomcat 7.x,8.x,9.x版本均可,本系統(tǒng)不需要
4.硬件環(huán)境:windows 7/8/10 1G內(nèi)存以上;;
5.數(shù)據(jù)庫:MySql 5.0 5.6等版本均可;
6.maven項目
使用說明
1. 使用Navicat或者其它工具,在mysql中創(chuàng)建對應(yīng)sql文件名稱的數(shù)據(jù)庫,并導(dǎo)入項目的sql文件;
2. 使用IDEA/Eclipse/MyEclipse導(dǎo)入項目;
3. 將項目中l(wèi)sjx\src\main\resources 下的 application.properties 配置文件中的數(shù)據(jù)庫配置改為自己的配置;
數(shù)據(jù)庫支持 mysql5.0 到5.6 ,如果需要5.7 到8.0 需要二次轉(zhuǎn)換升級
4.vscode 開vue項目工程
5.vue 項目啟動 ?npm run serve?
vue 版本 2.9.6
node 版本 16.14.2
二、功能介紹
(1)用戶管理:對用戶信息進行添加、刪除、修改和查看
(2)顧客管理:對顧客信息進行添加、刪除、修改和查看
(3)糧庫信息管理:對糧庫信息信息進行添加、刪除、修改和查看
(4)糧食管理:對糧食信息進行添加、刪除、修改和查看
(5)收購單管理:對收購單信息進行添加、刪除、修改和查看
(6)出售單管理:對出售單信息進行添加、刪除、修改和查看
(7)用戶登錄 個人信息修改
服務(wù)端代碼
@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表數(shù)據(jù)返回 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 表數(shù)據(jù)返回 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);//執(zhí)行 修改 guke 添加操作
res.setMessage("操作成功");
}else{
gukedao.add(bean);//執(zhí)行 添加guke 添加操作
res.setMessage("添加成功");
}
}catch(Exception e){
e.printStackTrace();;
}
res.setCode(200);
//System.out.println(res);
return res;
}
VUE代碼文章來源:http://www.zghlxwxcb.cn/news/detail-742907.html
<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="聯(lián)系電話" width="120"></el-table-column>
<el-table-column prop="lxdz" label="聯(lián)系地址" 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="聯(lián)系電話" prop="lxdh" >
<el-input v-model="form.lxdh" ></el-input>
</el-form-item>
<el-form-item label="聯(lián)系地址" 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="聯(lián)系電話" prop="lxdh" required>
{{form.lxdh}}
</el-form-item>
<el-form-item label="聯(lián)系地址" prop="lxdz" required>
{{form.lxdz}}
</el-form-item>
三、注意事項
1、管理員賬號:admin密碼:admin 數(shù)據(jù)庫配置文件DBO.java
2、開發(fā)環(huán)境為IDEA開發(fā),數(shù)據(jù)庫為mysql,使用java語言開發(fā) VUE展現(xiàn)。
3、數(shù)據(jù)庫文件名是jsplsjx.sql 系統(tǒng)名稱lsjx
四 系統(tǒng)實現(xiàn)文章來源地址http://www.zghlxwxcb.cn/news/detail-742907.html
源碼獲取 下方聯(lián)系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
到了這里,關(guān)于java springboot VUE糧食經(jīng)銷系統(tǒng)開發(fā)mysql數(shù)據(jù)庫web結(jié)構(gòu)java編程計算機網(wǎng)頁源碼maven項目的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!