首页 > 数据库 >1915springboot VUE 宠物寄养平台系统开发mysql数据库web结构java编程计算机网页源码maven项目

1915springboot VUE 宠物寄养平台系统开发mysql数据库web结构java编程计算机网页源码maven项目

时间:2024-05-27 11:34:07浏览次数:17  
标签:COMMENT web VUE VARCHAR default res 40 源码 NULL

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

<iframe allowfullscreen="true" data-mediaembed="csdn" frameborder="0" id="A3c4CNyq-1716554906958" src="https://live.csdn.net/v/embed/391829"></iframe>

springboot VUE 宠物寄养平台系统


前段主要技术 vue 
后端主要技术 Springboot java
数据库 mysql
开发工具 IDEA  JDK1.8 
环境需要

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;若包含,则为maven项目,否则为非maven项目

使用说明

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

2. 使用IDEA导入项目;

3. 将项目中lrfw\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)举报管理:对举报信息进行添加、删除、修改和查看

数据库设计

CREATE TABLE `gly` (
`glyid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`dzyx` VARCHAR(40) default NULL COMMENT '电子邮箱',  PRIMARY KEY  (`glyid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `yonghu` (
`yhid` int(11) NOT NULL auto_increment,
`yhm` VARCHAR(40) default NULL COMMENT '用户名',
`mm` VARCHAR(40) default NULL COMMENT '密码',
`zt` VARCHAR(40) default NULL COMMENT '状态',
`dzyx` VARCHAR(40) default NULL COMMENT '电子邮箱',  PRIMARY KEY  (`yhid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `cwzl` (
`cwzlid` int(11) NOT NULL auto_increment,
`zl` VARCHAR(40) default NULL COMMENT '种类',  PRIMARY KEY  (`cwzlid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `cwlx` (
`cwlxid` int(11) NOT NULL auto_increment,
`lx` VARCHAR(40) default NULL COMMENT '类型',  PRIMARY KEY  (`cwlxid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `tiezi` (
`tzid` int(11) NOT NULL auto_increment,
`dh` VARCHAR(40) default NULL COMMENT '单号',
`bt` VARCHAR(40) default NULL COMMENT '标题',
`js` VARCHAR(40) default NULL COMMENT '介绍',
`tp` VARCHAR(40) default NULL COMMENT '图片',
`zl` VARCHAR(40) default NULL COMMENT '种类',
`lx` VARCHAR(40) default NULL COMMENT '类型',
`jysj` VARCHAR(40) default NULL COMMENT '寄养时间',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`jg` VARCHAR(40) default NULL COMMENT '价格',
`fbsj` VARCHAR(40) default NULL COMMENT '发布时间',
`zt` VARCHAR(40) default NULL COMMENT '状态',
`lxdh` VARCHAR(40) default NULL COMMENT '联系电话',
`yx` VARCHAR(40) default NULL COMMENT '邮箱',
`lxdz` VARCHAR(40) default NULL COMMENT '联系地址',  PRIMARY KEY  (`tzid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `jiedan` (
`jdid` int(11) NOT NULL auto_increment,
`tz` VARCHAR(40) default NULL COMMENT '帖子',
`dh` VARCHAR(40) default NULL COMMENT '单号',
`zr` VARCHAR(40) default NULL COMMENT '主人',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`zflx` VARCHAR(40) default NULL COMMENT '支付类型',
`bz` VARCHAR(40) default NULL COMMENT '备注',
`zt` VARCHAR(40) default NULL COMMENT '状态',
`jdsj` VARCHAR(40) default NULL COMMENT '接单时间',
`zrpj` VARCHAR(40) default NULL COMMENT '主人评价',
`yhpj` VARCHAR(40) default NULL COMMENT '用户评价',  PRIMARY KEY  (`jdid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `pingjia` (
`pjid` int(11) NOT NULL auto_increment,
`tz` VARCHAR(40) default NULL COMMENT '帖子',
`pjnr` VARCHAR(40) default NULL COMMENT '评价内容',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`sj` VARCHAR(40) default NULL COMMENT '时间',  PRIMARY KEY  (`pjid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `shouzang` (
`szid` int(11) NOT NULL auto_increment,
`tz` VARCHAR(40) default NULL COMMENT '帖子',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`sj` VARCHAR(40) default NULL COMMENT '时间',  PRIMARY KEY  (`szid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
CREATE TABLE `jubao` (
`jbid` int(11) NOT NULL auto_increment,
`tz` VARCHAR(40) default NULL COMMENT '帖子',
`bt` VARCHAR(40) default NULL COMMENT '标题',
`nr` VARCHAR(40) default NULL COMMENT '内容',
`yh` VARCHAR(40) default NULL COMMENT '用户',
`tjsj` VARCHAR(40) default NULL COMMENT '提交时间',  PRIMARY KEY  (`jbid`)
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;

代码设计

 /**接单列表 查询jiedan
     *
     */
    @GetMapping("list")
    public Result  list(@RequestParam(value = "pageNum",defaultValue = "1") int page,
                            @RequestParam(value = "pageSize",defaultValue = "10") int szie,
			    @RequestParam(defaultValue = "") String tz,
                        @RequestParam(defaultValue = "") String yh,
                        @RequestParam(defaultValue = "") String zr
			    )  {

        Result res=new Result();


        List list=null;
          Map  map1= new HashMap();

        try{


	
	if(tz!=null&&!tz.equals("")){
	map1.put("tz",tz);//帖子 传入查询参数
	}
            if(zr!=null&&!zr.equals("")){
                map1.put("zr",zr);//帖子 传入查询参数
            }
            if(yh!=null&&!yh.equals("")){
                map1.put("yh",yh);//帖子 传入查询参数
            }
		  int a=(page-1)*szie;
        map1.put("start",a);//分页起始位置
       map1.put("end",szie);//分页结束位置
        list=jiedandao.getAllp(map1);//传入 方法参数  //查询jiedan表数据返回 list对象
          


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


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

           list=jiedandao.getAll(map1);
            res.setNum(list.size());

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




        return res;
    }


   /**接单列表 查询jiedan
	 * 
	 */

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

        Result res=new Result();


        List list=null;
    	Map  map1= new HashMap();
	
	if(tz!=null&&!tz.equals("")){
	map1.put("tz",tz);//帖子 传入查询参数
	}
	try{
	  
	 list=jiedandao.getAll(map1);//传入 方法参数  //查询jiedan表数据返回 list对象
        res.setCode(200);
        res.setMessage("查询成功");


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

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


       

        return res;
    }


	/**接单添加方法 对表 jiedan  进行添加
	 * 
	 */
    @PostMapping(value = "add")
    public Result  add(@RequestBody jiedan bean){
            Result res=new Result();

            List list=null;

	try{
         
            if(bean.getJdid()!=null&&!bean.getJdid().equals("")){
            jiedandao.update(bean);//执行 修改 jiedan 添加操作
                res.setMessage("操作成功");
                res.setCode(200);


            }else{

                Map  map1= new HashMap();

                map1.put("tz",bean.getTz());
                map1.put("yh",bean.getYh());

                list=jiedandao.checkJieDan(map1);



                if(list.size()>0) {
                    res.setMessage("操作失败、你已经接单过");
                    res.setCode(201);
                }else {
                    Map  map= new HashMap();

                    map.put("tz",bean.getTz());
                    map.put("zt","已接单");
                    tiezidao.updatezt(map);
                    jiedandao.add(bean);//执行 添加jiedan 添加操作
                    res.setMessage("操作成功");
                    res.setCode(200);
                }



        }


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


        //System.out.println(res);



        return res;

    }


	
	 /**接单删除方法 对表jiedan  进行删除
	 * 
	 */
     @DeleteMapping("del/{id}")
    public Result  del( @PathVariable String id){
         Result res=new Result();
        try{
           jiedandao.delete(Integer.parseInt(id));//执行 删除jiedan 方法

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


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


        return res;
    }

前端设计


    <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="bt" label="帖子" width="120"></el-table-column>
      <el-table-column prop="dh" label="单号" width="120"></el-table-column>
      <el-table-column prop="zr" label="主人" width="120"></el-table-column>
      <el-table-column prop="yh" label="用户" width="120"></el-table-column>
      <el-table-column prop="zflx" label="支付类型" width="120"></el-table-column>

      <el-table-column prop="zt" label="状态" width="60"></el-table-column>
      <el-table-column prop="jdsj" label="接单时间" width="140"></el-table-column>
     
   
      <el-table-column label="操作"  width="280" 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="danger" v-if="scope.row.zflx==''" @click="zhifu(scope.row)">支付 <i class="el-icon-reading"></i></el-button>
        <el-button type="danger" v-if="scope.row.zt=='接单'&&scope.row.ts>=0" @click="quxiao(scope.row.jdid)">取消 <i class="el-icon-reading"></i></el-button>
        <el-button type="danger" v-if="scope.row.zt=='进行中'" @click="queren(scope.row.jdid)">确认完成 <i class="el-icon-reading"></i></el-button>
          <el-button type="danger" v-if="scope.row.zt=='未评价'||scope.row.zt=='用户评价'"  @click="handlepj(scope.row)">评价 <i class="el-icon-reading"></i></el-button>
       
        </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="pjdialogFormVisible" width="40%" >

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



    <el-input v-model="form.zt" type="hidden"  ></el-input>


  <el-form-item label="主人评价" prop="yhpj"  >
    <el-input v-model="form.zrpj"  type="textarea" rows="3" ></el-input>
 </el-form-item>

 
</el-form>
<div slot="footer" class="dialog-footer">
  <el-button @click="pjdialogFormVisible = false">取 消</el-button>
  <el-button type="primary" @click="pjsave">确 定</el-button>
</div>

</el-dialog>


    <el-dialog title="接单信息" :visible.sync="dialogFormVisible" width="50%" >

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

        <el-form-item label="帖子" prop="bt"  >
          <el-input v-model="form.bt"  ></el-input>
       </el-form-item>
        <el-form-item label="单号" prop="dh"  >
          <el-input v-model="form.dh"  ></el-input>
       </el-form-item>
        <el-form-item label="主人" prop="zr"  >
          <el-input v-model="form.zr"  ></el-input>
       </el-form-item>
        <el-form-item label="用户" prop="yh"  >
          <el-input v-model="form.yh"  ></el-input>
       </el-form-item>
        <el-form-item label="支付类型" prop="zflx"  >
          <el-input v-model="form.zflx"  ></el-input>
       </el-form-item>
        <el-form-item label="备注" prop="bz"  >
          <el-input v-model="form.bz"  ></el-input>
       </el-form-item>
        <el-form-item label="状态" prop="zt"  >
          <el-input v-model="form.zt"  ></el-input>
       </el-form-item>
        <el-form-item label="接单时间" prop="jdsj"  >
          <el-input v-model="form.jdsj"  ></el-input>
       </el-form-item>
        <el-form-item label="主人评价" prop="zrpj"  >
          <el-input v-model="form.zrpj"  ></el-input>
       </el-form-item>
        <el-form-item label="用户评价" prop="yhpj"  >
          <el-input v-model="form.yhpj"  ></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="zfdialogFormVisible" width="50%" >

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

  
 
    <el-form-item label="支付类型" prop="zflx"  >
    <el-select v-model="form.zflx" placeholder="请选择支付类型">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.value"
              :value="item.value">
            </el-option>
            </el-select>
 </el-form-item>

 

 
</el-form>
<div slot="footer" class="dialog-footer">
  <el-button @click="zfdialogFormVisible = false">取 消</el-button>
  <el-button type="primary" @click="zhifudo">确 定</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="tz"  required>
         {{form.bt}}
       </el-form-item>

        <el-form-item label="单号" prop="dh"  required>
         {{form.dh}}
       </el-form-item>

        <el-form-item label="主人" prop="zr"  required>
         {{form.zr}}
       </el-form-item>

        <el-form-item label="用户" prop="yh"  required>
         {{form.yh}}
       </el-form-item>

        <el-form-item label="支付类型" prop="zflx"  required>
         {{form.zflx}}
       </el-form-item>

        <el-form-item label="备注" prop="bz"  required>
         {{form.bz}}
       </el-form-item>

        <el-form-item label="状态" prop="zt"  required>
         {{form.zt}}
       </el-form-item>

        <el-form-item label="接单时间" prop="jdsj"  required>
         {{form.jdsj}}
       </el-form-item>

        <el-form-item label="主人评价" prop="zrpj"  required>
         {{form.zrpj}}
       </el-form-item>

        <el-form-item label="用户评价" prop="yhpj"  required>
         {{form.yhpj}}
       </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="tpdialogDetailVisible" width="40%" >

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

<div class="block">
<span class="demonstration"></span>

<img src="../assets/zhifu.jpg" height="200px" alt="" style="width: 100%">
</div>
 



 
</el-form>
<div slot="footer" class="dialog-footer">
  <el-button @click="tpdialogDetailVisible = false">支付完成</el-button>
 
</div>

</el-dialog>

  
 
  </div>
</template>

<script>
import {serverIp} from "../../public/config";

export default {
  name: "jiedan",
  data() {
    return {
      serverIp: serverIp,
      tableData: [],
      total: 0,
      pageNum: 1,
      pageSize: 10,
      tz: "",
       form: {},
      dialogFormVisible: false,
      pjdialogFormVisible: false,
      zfdialogFormVisible: false,
      dialogDetailVisible:false,
      tpdialogDetailVisible:false,
      multipleSelection: [],
      options: [{
          value: '线上支付',
          label: '线上支付'
        }, {
          value: '线下支付',
          label: '线下支付'
        }
        ],
        vis: false,
      rules: {
        tz: [
          { required: true, message: '请输入帖子', trigger: 'blur' }
        ],
        dh: [
          { required: true, message: '请输入单号', trigger: 'blur' }
        ],
        zr: [
          { required: true, message: '请输入主人', trigger: 'blur' }
        ],
        yh: [
          { required: true, message: '请输入用户', trigger: 'blur' }
        ],
        zflx: [
          { required: true, message: '请输入支付类型', trigger: 'blur' }
        ],
        bz: [
          { required: true, message: '请输入备注', trigger: 'blur' }
        ],
        zt: [
          { required: true, message: '请输入状态', trigger: 'blur' }
        ],
        jdsj: [
          { required: true, message: '请输入接单时间', trigger: 'blur' }
        ],
        zrpj: [
          { required: true, message: '请输入主人评价', trigger: 'blur' }
        ],
        yhpj: [
          { required: true, message: '请输入用户评价', trigger: 'blur' }
        ],
      
      },  rules1: {
      
        zflx: [
          { required: true, message: '请输入支付类型', trigger: 'blur' }
        ],
      
      }
    }
  },
  created() {
    this.load()
  },
  methods: {
      indexMethod(index) {
        return index+1;
      },
   
    load() {
      this.request.get("/jiedan/list", {
        params: {
          pageNum: this.pageNum,
          pageSize: this.pageSize,
          tz: this.tz,
          zr: localStorage.getItem("yhm"),
        }
      }).then(res => {
            console.log(res.data)
      this.tableData = JSON.parse(res.data)
         this.total =res.num

      })

     
    },   pjsave() {
      //保存方法
     


      this.request.post("/jiedan/updatezrpj", this.form).then(res => {

     

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

        
      })

   
      

三、注意事项
1、管理员账号:admin密码:admin 数据库配置文件DBO.java
2、开发环境为IDEA开发,数据库为mysql,使用java语言开发。
3、数据库文件名是jspcwjy.sql 系统名称cwjy
4、地址:http://128.0.0.1:8080/qt/index

四系统实现

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

标签:COMMENT,web,VUE,VARCHAR,default,res,40,源码,NULL
From: https://blog.csdn.net/qq_41221322/article/details/139184112

相关文章

  • vue2.2——cdn如何使用插槽
    <mynav><h1slot="h1">我是具名插槽</h1><h2slot="h2">我没有命名</h2></mynav>letcp_template={mynav:{template:`<divstyle="color:red;"><......
  • vue学习笔记(一)
    本文章是在B站学习vue中整理的简单笔记,课程是ant编程的vue入门(如果涉及商业等因素,请我联系删除文章)使用的脚手架是CLI,非Vite.创建项目安装npminstall-g@vue/cli创建项目vuecreate[项目名称]选择manually 选择babelroutervuexlinter 选择3.x 选择Y 选择第......
  • Vue2批量全局注册组件
    创建一个文件(例如global-components.js),并在其中实现批量注册组件的逻辑。//src/global-components.jsimportVuefrom'vue';//自动导入components目录下的所有.vue文件constrequireComponent=require.context(//组件目录的相对路径'./components',//是......
  • Vue3标签组件绘制--自定义按钮组件
    不知道怎么的,突然想绘制一个标签,比如el-button什么的。今天研究一下吧,不知道能不能整出来以后就可以绘制自己的组件,弄自己的组件库了。不知道有朝一日能不能让越组件青史留名?嘻嘻,百日梦做差不多了,接着去查查资料。文章分为三个部分:1.按钮组件实现(根据查阅的一个文章实现基......
  • 【JAVA】Java如何使用Spring Boot进行Web服务开发
    文章目录前言一、函数解释二、代码实现三、总结前言在现代的微服务架构中,创建快速、可靠的Web服务已经成为一项基本技能。SpringBoot是一个出色的框架,它简化了Spring应用开发,使我们能够更快速地创建和部署Web服务。在这篇博客中,我们将探讨如何使用Java和SpringBoo......
  • EAS_WEB获取传参,获取上下文,获取控制单元
    varimp=JavaImporter();imp.importPackage(Packages.java.lang);imp.importPackage(Packages.org.apache.commons.lang3);imp.importPackage(Packages.com.kingdee.bos.webframework.context);imp.importPackage(Packages.com.kingdee.eas.util.app);imp.importPackage(......
  • 在Linux中,如何配置Web服务器(如Apache或Nginx)?
    在Linux系统中配置Web服务器是建立网站托管环境的关键步骤之一。下面将详细介绍如何在Linux中配置两种流行的Web服务器:Apache和Nginx:一、ApacheWeb服务器的配置:安装Apache服务器:首先确认Apache是否已安装在系统上。这可以通过运行rpm-qa|grep-ihttpd(针对RedHat系列)或......
  • Java项目-基于springboot+vue的旅游管理系统(源码+数据库+文档)​
    如需完整项目,请私信博主基于SpringBoot+Vue的旅游管理系统开发语言:Java数据库:MySQL技术:SpringBoot+MyBatis+Vue.js工具:IDEA/Ecilpse、Navicat、Maven随着科学技术的飞速发展,网络快速发展、人民生活的快节奏都在努力与现代的先进技术接轨,通过科技手段来提高自身的优势,旅游管......
  • Java项目-基于springboot+vue的简历系统(源码+数据库+文档)​
    如需完整项目,请私信博主基于SpringBoot+Vue的简历系统开发语言:Java数据库:MySQL技术:SpringBoot+MyBatis+Vue.js工具:IDEA/Ecilpse、Navicat、Maven随着科学技术的飞速发展,社会的方方面面、各行各业都在努力与现代的先进技术接轨,通过科技手段来提高自身的优势,简历系统当然也不......
  • 『手撕Vue-CLI』添加终端用户交互
    前言经过上一篇文章的梳理,实现了可以从GitHub上拉取模板项目名称,已经可以得知可使用的模板有哪些了,那么我觉得是不是要进行选择呢?所以这一篇文章就来实现终端用户交互,让用户可以自己选择想要使用的模板。实现在NodeJS当中,已经有人为我们封装好了一个库,叫做inquirer,可以帮......