springboot+vue前后端分离基于vue的地方美食分享网站

最新推荐文章于 2024-04-29 20:54:10 发布
最新推荐文章于 2024-04-29 20:54:10 发布
阅读量378 收藏 8
点赞数 9
文章标签： spring boot vue.js 美食 后端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/china_coding/article/details/136794810
版权

开发意义

人类的进步带动信息化的发展，使人们生活节奏越来越快，所以人们越来越重视信息的时效性。以往的管理方式已经满足不了人们对获得信息的方式、方便快捷的需求。即地方美食分享网站慢慢的被人们关注。首先，网上获取信息十分的实时、便捷，只要系统在线状态，无论在哪里都能第一时间查找到理想的信息。

计算机技术在管理中成为人们的重要工具。可以有效快捷的解决想要获取的信息，提高工作效率。

#技术栈

后端：SpringBoot、JDK8、MAVEN3.6.0、MySQL5.7等。

前端：Vue.js、Element UI、Axios、Node14.16.0等。

开发工具：IDEA、VS Code。

#软件功能模块设计

a34e1a0f2ebb79b4900a4e96d9f33f05.png

#启动项目

后台路径地址：localhost:8080/项目名称/admin/dist/index.html

前台路径地址：localhost:8080/项目名称/front/index.html

http://localhost:8080/springbooth10zf/front/index.html

http://localhost:8080/springbooth10zf/admin/dist/index.html#/index

#系统展示

#后台展示

15a26dcf36af8ec98ca1c4459dbd8cea.png

f9e39f0683b3c933e941b3bab0330869.png

89c26cb1774d09dc11208f46b3741a6c.png

83bf33f449d8abc63de4240137e491bb.png

前台

e98d667283198cfe4b01e31031903b84.png

8b21f2037c8bedd30c229de24059ec84.png

2cfa7205bb20bf7a5d6876ac1fbdff0b.png

3b9b6f9439c0736d040638bfd1a1aa94.png

#

部分代码

package com.controller;




import java.util.Arrays;
import java.util.Calendar;
import java.util.Date;
import java.util.Map;


import javax.servlet.http.HttpServletRequest;


import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;


import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.TokenEntity;
import com.entity.UserEntity;
import com.service.TokenService;
import com.service.UserService;
import com.utils.CommonUtil;
import com.utils.MPUtil;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.ValidatorUtils;


/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
  
  @Autowired
  private UserService userService;
  
  @Autowired
  private TokenService tokenService;


  /**
   * 登录
   */
  @IgnoreAuth
  @PostMapping(value = "/login")
  public R login(String username, String password, String captcha, HttpServletRequest request) {
    UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
    if(user==null || !user.getPassword().equals(password)) {
      return R.error("账号或密码不正确");
    }
    String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
    return R.ok().put("token", token);
  }
  
  /**
   * 注册
   */
  @IgnoreAuth
  @PostMapping(value = "/register")
  public R register(@RequestBody UserEntity user){
//      ValidatorUtils.validateEntity(user);
      if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
        return R.error("用户已存在");
      }
        userService.insert(user);
        return R.ok();
    }


  /**
   * 退出
   */
  @GetMapping(value = "logout")
  public R logout(HttpServletRequest request) {
    request.getSession().invalidate();
    return R.ok("退出成功");
  }
  
  /**
     * 密码重置
     */
    @IgnoreAuth
  @RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
      UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
      if(user==null) {
        return R.error("账号不存在");
      }
      user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为：123456");
    }
  
  /**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
      PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }


  /**
     * 列表
     */
    @RequestMapping("/list")
    public R list( UserEntity user){
         EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
        ew.allEq(MPUtil.allEQMapPre( user, "user")); 
        return R.ok().put("data", userService.selectListView(ew));
    }


    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
      Long id = (Long)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }


    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//      ValidatorUtils.validateEntity(user);
      if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
        return R.error("用户已存在");
      }
        userService.insert(user);
        return R.ok();
    }


    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
      UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
      if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
        return R.error("用户名已存在。");
      }
        userService.updateById(user);//全部更新
        return R.ok();
    }


    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}
<template>
  <div class="main-content">
    <!-- 列表页 -->
    <div v-if="showFlag">
      <el-form :inline="true" :model="searchForm" class="form-content">
        <el-row  :gutter="20" class="slt" :style="{justifyContent:contents.searchBoxPosition=='1'?'flex-start':contents.searchBoxPosition=='2'?'center':'flex-end'}">
                <el-form-item :label="contents.inputTitle == 1 ? '用户名' : ''">
                  <el-input v-if="contents.inputIcon == 1 && contents.inputIconPosition == 1" prefix-icon="el-icon-search" v-model="searchForm.username" placeholder="用户名" clearable></el-input>
                  <el-input v-if="contents.inputIcon == 1 && contents.inputIconPosition == 2" suffix-icon="el-icon-search" v-model="searchForm.username" placeholder="用户名" clearable></el-input>
                  <el-input v-if="contents.inputIcon == 0" v-model="searchForm.username" placeholder="用户名" clearable></el-input>
                </el-form-item>
          <el-form-item>
            <el-button v-if="contents.searchBtnIcon == 1 && contents.searchBtnIconPosition == 1" icon="el-icon-search" type="success" @click="search()">{{ contents.searchBtnFont == 1?'查询':'' }}</el-button>
            <el-button v-if="contents.searchBtnIcon == 1 && contents.searchBtnIconPosition == 2" type="success" @click="search()">{{ contents.searchBtnFont == 1?'查询':'' }}<i class="el-icon-search el-icon--right"/></el-button>
            <el-button v-if="contents.searchBtnIcon == 0" type="success" @click="search()">{{ contents.searchBtnFont == 1?'查询':'' }}</el-button>
          </el-form-item>
        </el-row>


        <el-row class="ad" :style="{justifyContent:contents.btnAdAllBoxPosition=='1'?'flex-start':contents.btnAdAllBoxPosition=='2'?'center':'flex-end'}">
          <el-form-item>
            <el-button
              v-if="isAuth('users','新增') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 1"
              type="success"
              icon="el-icon-plus"
              @click="addOrUpdateHandler()"
            >{{ contents.btnAdAllFont == 1?'新增':'' }}</el-button>
            <el-button
              v-if="isAuth('users','新增') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 2"
              type="success"
              @click="addOrUpdateHandler()"
            >{{ contents.btnAdAllFont == 1?'新增':'' }}<i class="el-icon-plus el-icon--right" /></el-button>
            <el-button
              v-if="isAuth('users','新增') && contents.btnAdAllIcon == 0"
              type="success"
              @click="addOrUpdateHandler()"
            >{{ contents.btnAdAllFont == 1?'新增':'' }}</el-button>
            <el-button
              v-if="isAuth('users','删除') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 1 && contents.tableSelection"
              :disabled="dataListSelections.length <= 0"
              type="danger"
              icon="el-icon-delete"
              @click="deleteHandler()"
            >{{ contents.btnAdAllFont == 1?'删除':'' }}</el-button>
            <el-button
              v-if="isAuth('users','删除') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 2 && contents.tableSelection"
              :disabled="dataListSelections.length <= 0"
              type="danger"
              @click="deleteHandler()"
            >{{ contents.btnAdAllFont == 1?'删除':'' }}<i class="el-icon-delete el-icon--right" /></el-button>
            <el-button
              v-if="isAuth('users','删除') && contents.btnAdAllIcon == 0 && contents.tableSelection"
              :disabled="dataListSelections.length <= 0"
              type="danger"
              @click="deleteHandler()"
            >{{ contents.btnAdAllFont == 1?'删除':'' }}</el-button>










          </el-form-item>
        </el-row>
      </el-form>
      <div class="table-content">
        <el-table class="tables" :size="contents.tableSize" :show-header="contents.tableShowHeader"
            :header-row-style="headerRowStyle" :header-cell-style="headerCellStyle"
            :border="contents.tableBorder"
            :fit="contents.tableFit"
            :stripe="contents.tableStripe"
            :style="{width: '100%',fontSize:contents.tableContentFontSize,color:contents.tableContentFontColor}"
            v-if="isAuth('users','查看')"
            :data="dataList"
            v-loading="dataListLoading"
            @selection-change="selectionChangeHandler">
            <el-table-column  v-if="contents.tableSelection"
                type="selection"
                :header-align="contents.tableAlign"
                align="center"
                width="50">
            </el-table-column>
            <el-table-column label="索引" :align="contents.tableAlign"  v-if="contents.tableIndex" type="index" width="50" />
                <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign" 
                    prop="username"
                   :header-align="contents.tableAlign"
        label="用户名">
         <template slot-scope="scope">
                       {{scope.row.username}}
                     </template>
                </el-table-column>
                <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign" 
                    prop="password"
                   :header-align="contents.tableAlign"
        label="密码">
         <template slot-scope="scope">
                       {{scope.row.password}}
                     </template>
                </el-table-column>
                <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign" 
                    prop="role"
                   :header-align="contents.tableAlign"
        label="角色">
         <template slot-scope="scope">
                       {{scope.row.role}}
                     </template>
                </el-table-column>
            <el-table-column width="300" :align="contents.tableAlign" 
               :header-align="contents.tableAlign"
                label="操作">
                <template slot-scope="scope">
                <el-button v-if="isAuth('users','查看') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1" type="success" icon="el-icon-tickets" size="mini" @click="addOrUpdateHandler(scope.row.id,'info')">{{ contents.tableBtnFont == 1?'详情':'' }}</el-button>
                <el-button v-if="isAuth('users','查看') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2" type="success" size="mini" @click="addOrUpdateHandler(scope.row.id,'info')">{{ contents.tableBtnFont == 1?'详情':'' }}<i class="el-icon-tickets el-icon--right" /></el-button>
                <el-button v-if="isAuth('users','查看') && contents.tableBtnIcon == 0" type="success" size="mini" @click="addOrUpdateHandler(scope.row.id,'info')">{{ contents.tableBtnFont == 1?'详情':'' }}</el-button>
                <el-button v-if=" isAuth('users','修改') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1" type="primary" icon="el-icon-edit" size="mini" @click="addOrUpdateHandler(scope.row.id)">{{ contents.tableBtnFont == 1?'修改':'' }}</el-button>
                <el-button v-if=" isAuth('users','修改') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2" type="primary" size="mini" @click="addOrUpdateHandler(scope.row.id)">{{ contents.tableBtnFont == 1?'修改':'' }}<i class="el-icon-edit el-icon--right" /></el-button>
                <el-button v-if=" isAuth('users','修改') && contents.tableBtnIcon == 0" type="primary" size="mini" @click="addOrUpdateHandler(scope.row.id)">{{ contents.tableBtnFont == 1?'修改':'' }}</el-button>








                <el-button v-if="isAuth('users','删除') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1" type="danger" icon="el-icon-delete" size="mini" @click="deleteHandler(scope.row.id)">{{ contents.tableBtnFont == 1?'删除':'' }}</el-button>
                <el-button v-if="isAuth('users','删除') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2" type="danger" size="mini" @click="deleteHandler(scope.row.id)">{{ contents.tableBtnFont == 1?'删除':'' }}<i class="el-icon-delete el-icon--right" /></el-button>
                <el-button v-if="isAuth('users','删除') && contents.tableBtnIcon == 0" type="danger" size="mini" @click="deleteHandler(scope.row.id)">{{ contents.tableBtnFont == 1?'删除':'' }}</el-button>
                </template>
            </el-table-column>
        </el-table>
        <el-pagination
          clsss="pages"
          :layout="layouts"
          @size-change="sizeChangeHandle"
          @current-change="currentChangeHandle"
          :current-page="pageIndex"
          :page-sizes="[10, 20, 50, 100]"
          :page-size="Number(contents.pageEachNum)"
          :total="totalPage"
          :small="contents.pageStyle"
          class="pagination-content"
          :background="contents.pageBtnBG"
          :style="{textAlign:contents.pagePosition==1?'left':contents.pagePosition==2?'center':'right'}"
        ></el-pagination>
      </div>
    </div>
    <!-- 添加/修改页面  将父组件的search方法传递给子组件-->
    <add-or-update v-if="addOrUpdateFlag" :parent="this" ref="addOrUpdate"></add-or-update>










  </div>
</template>
<script>
import axios from 'axios'
import AddOrUpdate from "./add-or-update";
export default {
  data() {
    return {
      searchForm: {
        key: ""
      },
      form:{},
      dataList: [],
      pageIndex: 1,
      pageSize: 10,
      totalPage: 0,
      dataListLoading: false,
      dataListSelections: [],
      showFlag: true,
      sfshVisiable: false,
      shForm: {},
      chartVisiable: false,
      addOrUpdateFlag:false,
      contents:{"searchBtnFontColor":"rgba(255, 255, 255, 1)","pagePosition":"1","inputFontSize":"14px","inputBorderRadius":"4px","tableBtnDelFontColor":"rgba(77, 77, 77, 1)","tableBtnIconPosition":"1","searchBtnHeight":"40px","tableBgColor":"#f5f5f5","inputIconColor":"rgba(217, 83, 79, 1)","searchBtnBorderRadius":"4px","tableStripe":true,"btnAdAllWarnFontColor":"rgba(255, 255, 255, 1)","tableBtnDelBgColor":"rgba(255, 255, 255, 1)","searchBtnIcon":"1","tableSize":"small","searchBtnBorderStyle":"solid","tableSelection":true,"text":{"padding":"0","boxShadow":"0 0 6px rgba(0,0,0,.1)","margin":"0 auto","borderColor":"rgba(0,0,0,.3)","backgroundColor":"#f7f7f7","color":"#333","borderRadius":"6px","borderWidth":"0","width":"auto","lineHeight":"64px","fontSize":"24px","borderStyle":"solid"},"searchBtnBorderWidth":"1px","tableContentFontSize":"14px","searchBtnBgColor":"rgba(217, 83, 79, 1)","inputTitleSize":"14px","btnAdAllBorderColor":"#DCDFE6","pageJumper":true,"btnAdAllIconPosition":"1","searchBoxPosition":"1","tableBtnDetailFontColor":"rgba(77, 77, 77, 1)","tableBtnHeight":"40px","pagePager":true,"searchBtnBorderColor":"#DCDFE6","tableHeaderFontColor":"rgba(47, 44, 44, 1)","inputTitle":"1","tableBtnBorderRadius":"0px","btnAdAllFont":"0","btnAdAllDelFontColor":"rgba(255, 255, 255, 1)","tableBtnIcon":"1","btnAdAllHeight":"40px","btnAdAllWarnBgColor":"rgba(66, 139, 202, 1)","btnAdAllBorderWidth":"1px","tableStripeFontColor":"rgba(66, 139, 202, 1)","tableBtnBorderStyle":"none none solid none ","inputHeight":"40px","btnAdAllBorderRadius":"10px","btnAdAllDelBgColor":"rgba(217, 83, 79, 1)","pagePrevNext":true,"btnAdAllAddBgColor":"rgba(201, 0, 0, 1)","searchBtnFont":"0","tableIndex":true,"btnAdAllIcon":"1","tableSortable":true,"pageSizes":true,"tableFit":true,"pageBtnBG":true,"searchBtnFontSize":"14px","tableBtnEditBgColor":"rgba(255, 255, 255, 1)","inputBorderWidth":"1px","box":{"padding":"10px 20px","boxShadow":"0 0 6px rgba(0,0,0,0)","flag":1,"backgroundImage":"","background":"#fff"},"inputFontPosition":"1","inputFontColor":"#333","pageEachNum":10,"tableHeaderBgColor":"rgba(245, 245, 245, 1)","inputTitleColor":"#333","btnAdAllBoxPosition":"1","tableBtnDetailBgColor":"rgba(255, 255, 255, 1)","inputIcon":"1","searchBtnIconPosition":"1","btnAdAllFontSize":"14px","inputBorderStyle":"solid solid solid solid ","tableHoverFontColor":"#333","inputBgColor":"#fff","pageStyle":false,"pageTotal":true,"btnAdAllAddFontColor":"rgba(255, 255, 255, 1)","tableBtnFont":"1","tableContentFontColor":"rgba(252, 125, 125, 1)","inputBorderColor":"rgba(77, 77, 77, 1)","tableShowHeader":true,"tableHoverBgColor":"#f5f5f5","tableBtnFontSize":"10px","tableBtnBorderColor":"rgba(201, 0, 0, 1)","inputIconPosition":"2","tableBorder":true,"btnAdAllBorderStyle":"solid","tableBtnBorderWidth":"1px","tableStripeBgColor":"rgba(245, 245, 245, 1)","tableBtnEditFontColor":"rgba(77, 77, 77, 1)","tableAlign":"center"},
      layouts: '',




    };
  },
  created() {
    this.init();
    this.getDataList();
    this.contentStyleChange()
  },
  mounted() {


  },
  filters: {
    htmlfilter: function (val) {
      return val.replace(/<[^>]*>/g).replace(/undefined/g,'');
    }
  },
  components: {
    AddOrUpdate,
  },
  methods: {


    contentStyleChange() {
      this.contentSearchStyleChange()
      this.contentBtnAdAllStyleChange()
      this.contentSearchBtnStyleChange()
      this.contentTableBtnStyleChange()
      this.contentPageStyleChange()
    },
    contentSearchStyleChange() {
      this.$nextTick(()=>{
        document.querySelectorAll('.form-content .slt .el-input__inner').forEach(el=>{
          let textAlign = 'left'
          if(this.contents.inputFontPosition == 2) textAlign = 'center'
          if(this.contents.inputFontPosition == 3) textAlign = 'right'
          el.style.textAlign = textAlign
          el.style.height = this.contents.inputHeight
          el.style.lineHeight = this.contents.inputHeight
          el.style.color = this.contents.inputFontColor
          el.style.fontSize = this.contents.inputFontSize
          el.style.borderWidth = this.contents.inputBorderWidth
          el.style.borderStyle = this.contents.inputBorderStyle
          el.style.borderColor = this.contents.inputBorderColor
          el.style.borderRadius = this.contents.inputBorderRadius
          el.style.backgroundColor = this.contents.inputBgColor
        })
        if(this.contents.inputTitle) {
          document.querySelectorAll('.form-content .slt .el-form-item__label').forEach(el=>{
            el.style.color = this.contents.inputTitleColor
            el.style.fontSize = this.contents.inputTitleSize
            el.style.lineHeight = this.contents.inputHeight
          })
        }
        setTimeout(()=>{
          document.querySelectorAll('.form-content .slt .el-input__prefix').forEach(el=>{
            el.style.color = this.contents.inputIconColor
            el.style.lineHeight = this.contents.inputHeight
          })
          document.querySelectorAll('.form-content .slt .el-input__suffix').forEach(el=>{
            el.style.color = this.contents.inputIconColor
            el.style.lineHeight = this.contents.inputHeight
          })
          document.querySelectorAll('.form-content .slt .el-input__icon').forEach(el=>{
            el.style.lineHeight = this.contents.inputHeight
          })
        },10)


      })
    },
    // 搜索按钮
    contentSearchBtnStyleChange() {
      this.$nextTick(()=>{
        document.querySelectorAll('.form-content .slt .el-button--success').forEach(el=>{
          el.style.height = this.contents.searchBtnHeight
          el.style.color = this.contents.searchBtnFontColor
          el.style.fontSize = this.contents.searchBtnFontSize
          el.style.borderWidth = this.contents.searchBtnBorderWidth
          el.style.borderStyle = this.contents.searchBtnBorderStyle
          el.style.borderColor = this.contents.searchBtnBorderColor
          el.style.borderRadius = this.contents.searchBtnBorderRadius
          el.style.backgroundColor = this.contents.searchBtnBgColor
        })
      })
    },
    // 新增、批量删除
    contentBtnAdAllStyleChange() {
      this.$nextTick(()=>{
        document.querySelectorAll('.form-content .ad .el-button--success').forEach(el=>{
          el.style.height = this.contents.btnAdAllHeight
          el.style.color = this.contents.btnAdAllAddFontColor
          el.style.fontSize = this.contents.btnAdAllFontSize
          el.style.borderWidth = this.contents.btnAdAllBorderWidth
          el.style.borderStyle = this.contents.btnAdAllBorderStyle
          el.style.borderColor = this.contents.btnAdAllBorderColor
          el.style.borderRadius = this.contents.btnAdAllBorderRadius
          el.style.backgroundColor = this.contents.btnAdAllAddBgColor
        })
        document.querySelectorAll('.form-content .ad .el-button--danger').forEach(el=>{
          el.style.height = this.contents.btnAdAllHeight
          el.style.color = this.contents.btnAdAllDelFontColor
          el.style.fontSize = this.contents.btnAdAllFontSize
          el.style.borderWidth = this.contents.btnAdAllBorderWidth
          el.style.borderStyle = this.contents.btnAdAllBorderStyle
          el.style.borderColor = this.contents.btnAdAllBorderColor
          el.style.borderRadius = this.contents.btnAdAllBorderRadius
          el.style.backgroundColor = this.contents.btnAdAllDelBgColor
        })
        document.querySelectorAll('.form-content .ad .el-button--warning').forEach(el=>{
          el.style.height = this.contents.btnAdAllHeight
          el.style.color = this.contents.btnAdAllWarnFontColor
          el.style.fontSize = this.contents.btnAdAllFontSize
          el.style.borderWidth = this.contents.btnAdAllBorderWidth
          el.style.borderStyle = this.contents.btnAdAllBorderStyle
          el.style.borderColor = this.contents.btnAdAllBorderColor
          el.style.borderRadius = this.contents.btnAdAllBorderRadius
          el.style.backgroundColor = this.contents.btnAdAllWarnBgColor
        })
      })
    },
    // 表格
    // rowStyle({ row, rowIndex}) {
    //   if (rowIndex % 2 == 1) {
    //     if(this.contents.tableStripe) {
    //       return {color:this.contents.tableStripeFontColor}
    //     }
    //   } else {
    //     return ''
    //   }
    // },
    // cellStyle({ row, rowIndex}){
    //   if (rowIndex % 2 == 1) {
    //     if(this.contents.tableStripe) {
    //       return {backgroundColor:this.contents.tableStripeBgColor}
    //     }
    //   } else {
    //     return ''
    //   }
    // },
    headerRowStyle({ row, rowIndex}){
      return {color: this.contents.tableHeaderFontColor}
    },
    headerCellStyle({ row, rowIndex}){
      return {backgroundColor: this.contents.tableHeaderBgColor}
    },
    // 表格按钮
    contentTableBtnStyleChange(){
      // this.$nextTick(()=>{
      //   setTimeout(()=>{
      //     document.querySelectorAll('.table-content .tables .el-table__body .el-button--success').forEach(el=>{
      //       el.style.height = this.contents.tableBtnHeight
      //       el.style.color = this.contents.tableBtnDetailFontColor
      //       el.style.fontSize = this.contents.tableBtnFontSize
      //       el.style.borderWidth = this.contents.tableBtnBorderWidth
      //       el.style.borderStyle = this.contents.tableBtnBorderStyle
      //       el.style.borderColor = this.contents.tableBtnBorderColor
      //       el.style.borderRadius = this.contents.tableBtnBorderRadius
      //       el.style.backgroundColor = this.contents.tableBtnDetailBgColor
      //     })
      //     document.querySelectorAll('.table-content .tables .el-table__body .el-button--primary').forEach(el=>{
      //       el.style.height = this.contents.tableBtnHeight
      //       el.style.color = this.contents.tableBtnEditFontColor
      //       el.style.fontSize = this.contents.tableBtnFontSize
      //       el.style.borderWidth = this.contents.tableBtnBorderWidth
      //       el.style.borderStyle = this.contents.tableBtnBorderStyle
      //       el.style.borderColor = this.contents.tableBtnBorderColor
      //       el.style.borderRadius = this.contents.tableBtnBorderRadius
      //       el.style.backgroundColor = this.contents.tableBtnEditBgColor
      //     })
      //     document.querySelectorAll('.table-content .tables .el-table__body .el-button--danger').forEach(el=>{
      //       el.style.height = this.contents.tableBtnHeight
      //       el.style.color = this.contents.tableBtnDelFontColor
      //       el.style.fontSize = this.contents.tableBtnFontSize
      //       el.style.borderWidth = this.contents.tableBtnBorderWidth
      //       el.style.borderStyle = this.contents.tableBtnBorderStyle
      //       el.style.borderColor = this.contents.tableBtnBorderColor
      //       el.style.borderRadius = this.contents.tableBtnBorderRadius
      //       el.style.backgroundColor = this.contents.tableBtnDelBgColor
      //     })


      //   }, 50)
      // })
    },
    // 分页
    contentPageStyleChange(){
      let arr = []


      if(this.contents.pageTotal) arr.push('total')
      if(this.contents.pageSizes) arr.push('sizes')
      if(this.contents.pagePrevNext){
        arr.push('prev')
        if(this.contents.pagePager) arr.push('pager')
        arr.push('next')
      }
      if(this.contents.pageJumper) arr.push('jumper')
      this.layouts = arr.join()
      this.contents.pageEachNum = 10
    },


    init () {
    },
    search() {
      this.pageIndex = 1;
      this.getDataList();
    },


    // 获取数据列表
    getDataList() {
      this.dataListLoading = true;
      let params = {
        page: this.pageIndex,
        limit: this.pageSize,
        sort: 'id',
      }
          if(this.searchForm.username!='' && this.searchForm.username!=undefined){
            params['username'] = '%' + this.searchForm.username + '%'
          }
      this.$http({
        url: "users/page",
        method: "get",
        params: params
      }).then(({ data }) => {
        if (data && data.code === 0) {
          this.dataList = data.data.list;
          this.totalPage = data.data.total;
        } else {
          this.dataList = [];
          this.totalPage = 0;
        }
        this.dataListLoading = false;
      });
    },
    // 每页数
    sizeChangeHandle(val) {
      this.pageSize = val;
      this.pageIndex = 1;
      this.getDataList();
    },
    // 当前页
    currentChangeHandle(val) {
      this.pageIndex = val;
      this.getDataList();
    },
    // 多选
    selectionChangeHandler(val) {
      this.dataListSelections = val;
    },
    // 添加/修改
    addOrUpdateHandler(id,type) {
      this.showFlag = false;
      this.addOrUpdateFlag = true;
      this.crossAddOrUpdateFlag = false;
      if(type!='info'){
        type = 'else';
      }
      this.$nextTick(() => {
        this.$refs.addOrUpdate.init(id,type);
      });
    },
    // 查看评论
    // 下载
    download(file){
      window.open(`${file}`)
    },
    // 删除
    deleteHandler(id) {
      var ids = id
        ? [Number(id)]
        : this.dataListSelections.map(item => {
            return Number(item.id);
          });
      this.$confirm(`确定进行[${id ? "删除" : "批量删除"}]操作?`, "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        this.$http({
          url: "users/delete",
          method: "post",
          data: ids
        }).then(({ data }) => {
          if (data && data.code === 0) {
            this.$message({
              message: "操作成功",
              type: "success",
              duration: 1500,
              onClose: () => {
                this.search();
              }
            });
          } else {
            this.$message.error(data.msg);
          }
        });
      });
    },




  }


};
</script>
<style lang="scss" scoped>
  .slt {
    margin: 0 !important;
    display: flex;
  }


  .ad {
    margin: 0 !important;
    display: flex;
  }


  .pages {
    & /deep/ el-pagination__sizes{
      & /deep/ el-input__inner {
        height: 22px;
        line-height: 22px;
      }
    }
  }
  


  .el-button+.el-button {
    margin:0;
  } 


  .tables {
  & /deep/ .el-button--success {
    height: 40px;
    color: rgba(77, 77, 77, 1);
    font-size: 10px;
    border-width: 1px;
    border-style: none none solid none ;
    border-color: rgba(201, 0, 0, 1);
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 1);
  }
  
  & /deep/ .el-button--primary {
    height: 40px;
    color: rgba(77, 77, 77, 1);
    font-size: 10px;
    border-width: 1px;
    border-style: none none solid none ;
    border-color: rgba(201, 0, 0, 1);
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 1);
  }
  
  & /deep/ .el-button--danger {
    height: 40px;
    color: rgba(77, 77, 77, 1);
    font-size: 10px;
    border-width: 1px;
    border-style: none none solid none ;
    border-color: rgba(201, 0, 0, 1);
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 1);
  }


    & /deep/ .el-button {
      margin: 4px;
    }
  }
  .form-content {
    background: transparent;
  }
  .table-content {
    background: transparent;
  }
  
  .tables /deep/ .el-table__body tr {
        background-color: #f5f5f5 !important;
        color: rgba(252, 125, 125, 1) !important;
   }
  .tables /deep/ .el-table__body tr.el-table__row--striped td {
      background: transparent;
  }
  .tables /deep/ .el-table__body tr.el-table__row--striped {
    background-color: rgba(245, 245, 245, 1) !important;
    color: rgba(66, 139, 202, 1) !important;
  }
  
   .tables /deep/ .el-table__body tr:hover>td {
          background-color: #f5f5f5 !important;
               color: #333 !important;
        }
   
</style>

论文和PPT

5abfa23c6917d6ebec59332a1de6e49d.png

b39621e021b80b9319a34605d07ece4d.png

关键字：基于vue的地方美食分享网站--论文-小明的学习圈子www.stucoding.com

小明的学习圈子
关注
  • 9
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于SpringBoot+Vue旅游网站_0303174040（源码+部署说明+演示视频+源码介绍）.zip
03-09
这是一款基于springBoot和Vue开发的旅游网站，包含了完整的源码、部署说明、演示视频以及源码介绍。该网站提供了丰富的旅游信息，包括旅游景点、酒店、美食等，为用户提供了便捷的旅游服务。 源码：包含了后端springBoot框架的代码，实现了用户注册、登录、查询景点、预订酒店等功能。前端使用Vue框架，实现了良好的用户界面和交互体验。 部署说明：详细介绍了如何将项目部署到服务器上，包括环境配置、数据库配置、项目启动等步骤。 演示视频：通过视频展示了网站的主要功能和操作流程，让用户可以更直观地了解网站的使用方法。 源码介绍：对源码进行了详细的解释，包括各个模块的功能、代码结构、关键技术等，方便用户理解和学习。 总的来说，这是一款功能完善、界面美观、易于使用的旅游网站，无论是对于开发者还是普通用户，都是一个不错的选择。
毕业设计，基于SpringBoot+Vue+MySql开发的前后端分离的旅游电子商务预订系统，内含完整源代码，数据库脚本
02-03
毕业设计，基于SpringBoot+Vue+MySql开发的前后端分离的旅游电子商务预订系统，内含完整源代码，数据库脚本 厦门旅游电子商务预订系统 软件简介 基于Vue+SpringBoot+MySQL的厦门旅游电子商务预订系统包含景点类型模块、景点档案模块、景点评分模块、景点收藏模块、酒店模块、美食模块，拥有用户网页端和管理后台端，包含系统自带的用户管理、部门管理、角色管理、菜单管理、日志管理、数据字典管理、文件管理、图表展示等基础模块，厦门旅游电子商务预订系统基于角色的访问控制，给景点管理员、游客使用，可将权限精确到按钮级别，您可以自定义角色并分配权限，系统适合设计精确的权限约束需求，项目编号S030。 项目技术 本资源仅供个人学习使用，如需获取源码请自助下载，谢谢配合。 前端： Node.js 18，Vue 2.7.10。 后端：JDK 17，Maven 3.6，Spring Boot 3.1.0，mybatis-plus 3.5.3.1。 数据库：MySQL 8.0.33，Redis 5.0.14。
基于SpringBoot+Vue美食推荐商城的设计与实现（源码+部署说明+演示视频+源码介绍）.zip
03-09
这是一个基于SpringBoot+Vue的美食推荐商城项目，包含了源码部署说明、演示视频以及源码介绍。该项目采用了前后端分离的设计思路，后端使用SpringBoot框架进行搭建，前端则采用Vue.js框架进行开发。 源码部署说明：这部分内容主要介绍了如何将项目部署到服务器上，包括了环境配置、数据库配置、项目启动等方面的详细说明。通过阅读这部分内容，用户可以了解到如何将项目成功运行起来。 演示视频：为了帮助用户更好地了解项目的功能和操作流程，提供了一段演示视频。视频中展示了项目的界面设计、功能模块以及操作方式，让用户能够直观地感受到项目的完整性和实用性。 源码介绍：这部分内容详细介绍了项目的源代码结构，包括了前端和后端的代码组织、各个模块的功能实现以及关键代码的解释。通过阅读这部分内容，用户可以了解到项目的技术实现细节，为后续的开发和维护提供参考。 总之，这个资源为用户提供了一个基于SpringBoot+Vue的美食推荐商城项目的完整解决方案，帮助用户快速搭建一个功能完善、界面美观的在线商城。无论是对于初学者还是有经验的开发者，这个项目都是一个不错的学习和参考案例。
毕业设计，基于SpringBoot+Vue+MySql开发的前后端分离的美食推荐商城，内含完整源代码，数据库脚本，视频教程
03-09
毕业设计，基于SpringBoot+Vue+MySql开发的前后端分离的美食推荐商城，内含完整源代码，数据库脚本，视频教程 现代经济快节奏发展以及不断完善升级的信息化技术，让传统数据信息的管理升级为软件存储，归纳，集中处理数据信息的管理方式。本美食推荐商城就是在这样的大环境下诞生，其可以帮助管理者在短时间内处理完毕庞大的数据信息，使用这种软件工具可以帮助管理人员提高事务处理效率，达到事半功倍的效果。此美食推荐商城利用当下成熟完善的SSM框架，使用跨平台的可开发大型商业网站的Java语言，以及最受欢迎的RDBMS应用软件之一的Mysql数据库进行程序开发。实现了用户在线选择试题并完成答题，在线查看考核分数。管理员管理购物车管理、字典管理、公告信息管理、留言板管理、美食管理、美食收藏管理、美食评价管理、美食订单管理、商家管理、用户管理、管理员管理等功能。美食推荐商城的开发根据操作人员需要设计的界面简洁美观，在功能模块布局上跟同类型网站保持一致，程序在实现基本要求功能时，也为数据信息面临的安全问题提供了一些实用的解决方案。可以说该程序在帮助管理者高效率地处理工作事务的同时，也实现了数据信息
基于SpringBoot+Vue中国陕西民俗网（源码+部署说明+演示视频+源码介绍）.zip
03-09
这是一个基于SpringBoot和Vue开发的中国陕西民俗网项目。该项目是一个全面的、深入的展示陕西民俗文化的平台，包括陕西的历史、文化、风俗、美食、旅游等多个方面的内容。 项目主要包含两个部分：后端SpringBoot服务端和前端Vue客户端。SpringBoot服务端主要负责数据的处理和存储，以及提供API接口供前端调用。Vue客户端则主要负责页面的展示和用户交互。 在SpringBoot服务端，我们使用了JPA进行数据库操作，MyBatis进行SQL查询，Redis进行数据缓存，以提高系统的性能。同时，我们还使用了Shiro进行权限管理，保证了系统的安全性。 在Vue客户端，我们使用了Vue.js框架进行开发，结合Element UI组件库，实现了美观且易于操作的用户界面。我们还使用了axios进行HTTP请求，vue-router进行路由管理，vuex进行状态管理，使得前端代码更加清晰和易于维护。 此外，该项目还提供了详细的源码介绍，包括每个模块的功能、主要代码的解析等，帮助用户更好地理解和使用该项目。同时，我们还提供了演示视频，让用户可以直观地看到系统的运行效果。 总的来说，这个项目是一个功能完善、界面美观、代码清晰的陕西民俗网站，无论是对于开发者还是普通用户，都是一个非常好的学习和使用资源。
梳理总结SpringBoot+Vue前后端分离的简单实现
fuhuitao的博客
10-23 4402
SpringBoot+Vue前后端分离的简单实现
使用SpringBoot和Vue开发的一个简单前后端分离项目
Y_lx的博客
08-13 1万+
更多内容可以访问我的个人博客。 0. 技术栈 主要功能：登录后跳转到书籍管理页面，能够对书籍信息进行增删改查。 后端： Spring Boot Mybatis Plus MySQL 前端： Vue Axios Element-UI 1. 前端 关于怎么安装Vue以及构建Vue脚手架的部分，可见我的另一篇博客Vue的简单使用； 为了使开发的结构更加清晰，我们将Vue文件的显示部分即htm...
Spring boot 和 Vue 前后端分离项目的启动部署（详细版）
热门推荐
weixin_40331613的博客
08-01 11万+
一、首先拿到spring boot + vue项目，可以从git 上获取到 spring boot 项目导入idea中启动，运行mian函数启动项目（tomcat端口改为80） 二、安装node（最新版）https://nodejs.org/en/download/（具体安装过程，查百度） 测试node和cpm是否成功 打开黑窗口（win键+x）点击:命令提示符管理员（必须以管理员运行）。 ...
java基于springboot+vue+elementui的地方特色美食分享网站 前后端分离
QQ55318293的博客
09-03 366
这种烹饪热和烹饪研究滞缓了中国传统烹饪的改造更新步伐，阻滞了中国传统食品的工业化进程，误导人们对中国传统烹饪的认识和消费观念。(b)用户：用户使用本系统涉到的功能主要有：首页,外国美食,中式美食,热门菜品,论坛,新闻资讯,留言板,个人中心,后台管理等功能。SpringBoot是当前最流向的一个框架，它的配置更加的简单，使开发变得更加的简单迅速。
基于SpringBoot+Vue+MySQL实现的美食网前端、美食网后端、美食网后台管理前端源码+数据库
07-03
项目为前后端分离项目，接口风格使用了ResultFul风格，分为3个项目 后端：food 美食网前端：food-client 美食网后台管理前端：food-control 后端技术栈： JAVA框架：SpringBoot2 ORM框架：MyBatis-Plus 数据库：MySQL3.5 接口文档：Knife4j 依赖管理：Maven3.5 前端技术栈： vue3 vue-cli axios router ElementPlus 运行方式和端口 后端接口文档地址： http://localhost:8080/doc.html 前端： npm install npm run serve 美食网 http://localhost:8081 美食网后台管理 http://localhost:8082
基于SpringBoot+Vue开发的前后端分离外卖点单系统源码+数据库+项目说明.zip
01-08
【资源说明】 1、基于SpringBoot+Vue开发的前后端分离外卖点单系统源码+数据库+项目说明.zip 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。 基于SpringBoot+Vue开发的前后端分离外卖点单系统源码+数据库+项目说明.zip 基于SpringBoot+Vue开发的前后端分离外卖点单系统源码+数据库+项目说明.zip ## 目录结构 后台前端项目位于renren-ui下 小程序前端项目位于takeout_mp下 SQL文件位于根目录下的takeout_mysql8.sql，需要MYSQL8以上版本。 **ps：请先运行后端项目，再启动前端项目。** ``` take_out │ ├─renren-admin 美食元素后台管理后端服务 │ │ │ │ │ ├─modules 模块 │ │ ├─job 定时任务 │ │ ├─log 日志管理 │ │ ├─oss 文件存储 │ │ ├─security 安全模块 │ │ ├─sys 系统管理(核心) | | └─takeout 外卖业务模块(核心) │ │ │ └─resources │ ├─mapper MyBatis文件 │ ├─public 静态资源 │ └─application.yml 全局配置文件 │ │ ├─renren-api 美食元素小程序后端服务 │ ├─renren-common 公共模块 ├─renren-generator 代码生成器 │ └─resources │ ├─mapper MyBatis文件 │ ├─template 代码生成器模板（可增加或修改相应模板） │ ├─application.yml 全局配置文件 │ └─generator.properties 代码生成器，配置文件 │ ├─renren-ui 美食元素后台管理Vue前端项目 ├─takeout_mp uniapp微信小程序项目 ``` ## 项目特点 - 友好的代码结构及注释，便于阅读及二次开发 - 实现前后端分离，通过token进行数据交互 - 支持动态权限修改，采用RBAC模型，前端菜单和后台权限实时更新。 - 提供CrudService接口，对增删改查进行封装，代码更简洁 - 页面交互使用Vue2.x，极大的提高了开发效率 - 完善的部门管理及数据权限，通过注解实现数据权限的控制 - 完善的XSS防范及脚本过滤，彻底杜绝XSS攻击 - 完善的代码生成机制，可在线生成entity、xml、dao、service、vue、sql代码，减少70%以上的开发任务 - 引入quartz定时任务，可动态完成任务的添加、修改、删除、暂停、恢复及日志查看等功能 - 引入Hibernate Validator校验框架，轻松实现后端校验 - 引入云存储服务，已支持：七牛云、阿里云、腾讯云等 - 引入swagger文档支持，方便编写API接口文档 - 新增AOP注解实现日志管理。 - 代码遵循阿里巴巴开发规范，利于开发者学习。 ## 技术选型 - 核心框架：Spring Boot 2.7.1 - 安全框架：Apache Shiro 1.9 - 持久层框架：MyBatis 3.5 - 定时器：Quartz 2.3 - 数据库连接池：Druid 1.2 - 日志管理：Logback - 页面交互：Vue2.x - 微信小程序：uni-app ## 开发环境 | 开发工具 | 说明 | | ----------------------------- | ------------------ | | IDEA | Java开发工具IDE | | WebStrom或者VS Code | Vue开发工具IDE | | Navicat | MySQL远程连接工具 | | Another Redis Desktop Manager | R
基于SpringBoot+Vue技术的美食烹饪互动平台的设计与实现（源码+部署说明+演示视频+源码介绍）.zip
03-09
本项目是一个基于SpringBoot+Vue技术的美食烹饪互动平台的设计与实现。它包括前端界面设计和后端服务器搭建，旨在为用户提供一个便捷的、交互性强的在线烹饪学习和分享平台。 项目源码包含了完整的前端和后端代码，其中前端使用Vue.js框架进行开发，实现了用户注册、登录、浏览食谱、发布食谱、评论等功能。后端采用SpringBoot框架，实现了用户管理、食谱管理、评论管理等模块，同时提供了RESTful API接口供前端调用。 部署说明详细阐述了如何将项目部署到服务器上，包括环境配置、数据库配置、运行命令等步骤。通过阅读部署说明，用户可以快速地将项目部署到自己的服务器上，并进行后续的开发和维护工作。 演示视频展示了项目的实际操作过程，包括用户注册、登录、浏览食谱、发布食谱、评论等功能的使用。通过观看演示视频，用户可以更直观地了解项目的界面和功能，并快速上手使用。 源码介绍对项目的整体架构和技术选型进行了详细的说明，包括前端技术栈、后端技术栈、数据库选择等。同时，还对项目中的关键模块和功能进行了解释和说明，帮助用户理解项目的设计和实现思路。 总之，本项目是一个功能完善、界面友好的美食烹饪互动平台，通过提供丰富的功能和良好的用户体验，帮助用户学习烹饪技巧、分享美食经验，促进美食文化的交流和发展。
毕业设计，基于SpringBoot+Vue+MySql开发的前后端分离的美食烹饪互动平台，内含完整源代码，数据库脚本，视频教程
03-14
毕业设计，基于SpringBoot+Vue+MySql开发的前后端分离的美食烹饪互动平台，内含完整源代码，数据库脚本，视频教程 如今社会上各行各业，都喜欢用自己行业的专属软件工作，互联网发展到这个时候，人们已经发现离不开了互联网。新技术的产生，往往能解决一些老技术的弊端问题。因为传统美食信息管理难度大，容错率低，管理人员处理数据费工费时，所以专门为解决这个难题开发了一个美食烹饪互动平台，可以解决许多问题。 美食烹饪互动平台可以实现美食知识类型管理，美食管理，美食留言管理，美食收藏管理，美食知识管理，用户管理等功能。该系统采用了Mysql数据库，Java语言，Spring Boot框架等技术进行编程实现。 美食烹饪互动平台可以提高美食信息管理问题的解决效率，优化美食信息处理流程，保证美食信息数据的安全，它是一个非常可靠，非常安全的应用程序。 关键词：美食烹饪互动平台；Mysql数据库；Java语言
springboot-vue-餐厅管理系统.rar
06-27
springboot ,mybatis,vue,elementui,mysql 前后端分离项目
Springboot+vue的四川美食分享网站（有报告） Javaee项目，springboot vue前后端分离项目
04-12
资源详情：https://blog.csdn.net/2302_78191516/article/details/131484558
快速构建Spring boot项目
Fxdll的博客
04-22 566
2、运行4、开发环境热部署查看目前已有的依赖。
# 使用 spring boot 时，@Autowired 注解 自动装配注入时，变量报红解决方法：
最新发布
段子手168的博客
04-29 164
# 使用 spring boot 时，@Autowired 注解 自动装配注入时，变量报红解决方法：
SpringBoot+Vue前后端分离项目源码示例
05-17
很抱歉，作为一个语言模型AI，我没有本地存储和上传的权限，无法提供完整的项目源码示例。但是，你可以在以下几个网站中找到一些开源的SpringBoot+Vue前后端分离项目源码示例： 1. Github: https://github.com/search?q=SpringBoot+Vue 2. Gitee: https://gitee.com/search?utf8=%E2%9C%93&q=SpringBoot+Vue&type= 3. 码云: https://gitee.com/explore/SpringBoot-Vue 4. 开源中国: https://www.oschina.net/search?scope=project&q=SpringBoot+Vue 希望这些资源能够帮助到你。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值