快速了解Vue & SpringBoot2.0开发架构
ccwgpt 2024-10-11 11:14 33 浏览 0 评论
分享&成长
vboot是一个 Vue 和 SpringBoot2.0的组合基础工程。如果你喜欢使用这两个框架做前后台开发，而又不知道如何让它们很好的组合，那么这个项目可能会是你入手学习的一个很好选择。
VBoot主要依赖四大框架.
Vue 2.x
SpringBoot 2.x
AdminLTE 2.x
vx-easyui
前端插件的使用
vue-select
bootstrapvalidator
Qs
vue-snotify
axios
font-awesome
lodash
pretty-checkbox-vue
vue-cropper
项目结构说明
项目后台构建使用gradle，前端构建使用webpack。项目目录结构是这两者的综合体，config、static和 wbuild 是 webpack 构建的配置。前后台代码都在 src 目录下，front目录表示所有的前端代码，main 保留了原始的标准 java 项目结构。
前端依赖配置为package.json 后台依赖配置为build.gradle
初始化项目前端依赖
npm install
or
yarn install
导入开发工具，建议使用idea
一般 idea 导入 gradle 项目都会进行自动构建和下载依赖，如果没有，在 idea 的右边栏有 gradle 的工具类，点击刷新按钮即可。首次初始化，可能会需要比较长时间的下载，需要耐心等待。
数据库和数据源配置
基础数据在 vboot.sql中，自行创建好数据库导入数据即可。
数据源的修改则在application.yml中对应配置即可，对于熟悉springboot的你，这都不是问题。
运行项目
后台启动项配置：
前台启动项配置：
前端编译：
启动说明：
后台服务端口配置在application.yml的server.port默认配置8088，如果是开发模式下，只需启动服务即可，不需要使用浏览器访问。如果是准备发布，则需先执行如上配置的 front-build，再启动项目访问即可。
开发模式需要同时启动 front 服务和 boot 项目。 front 前端端口为8081。启动 front 服务后，访问 http://localhost:8081/,开发时所有的数据请求都会被代理到后台 boot 端进行处理。build 发布后自动能够无缝切换环境。
front 目录结构说明
如果你熟悉 vue 开发，那么这个结构你应该不会太陌生。
api 数据接口的配置和接口访问规则定义
assets 不需要经常改变的静态资源
components 自定义的全局组件
directive 自定义指令，注意是定义了权限控制指令
filters 全局的过滤器，这个暂时没用到，功能少，预留的标准结构。
router 前端的路由配置
store 全局数据状态管理
styles 样式，app.scss 为全局样式
utils 工具包
views 所有的页面都在此处了
App.vue vue 程序的主界面
bootstrap.js 一些全局的加载项和配置项
main.js 前端入口 js
mixins.js vue组件的全局配置。
相关推荐
- 谷歌正在为Play商店进行Material Design改造
-
谷歌最近一直忙于在其应用程序中完成MaterialDesign风格的改造，而Play商店似乎是接下来的一个。9to5Google网站报道，有用户在Play商店的最新版本中发现了新界面，暗示该应用和网...
- 企业网站免费搭建，定制化建站CMS系统
-
科腾软件企业网站CMS管理系统已完成开发工作,首次开源（全部源码）发布。开发工具：VisualStudioEnterprise2022数据库：SQLite(零配置，跨平台，嵌入式)开发...
- 您需要的 11 个免费 Chrome 扩展程序
-
来源：SEO_SEM营销顾问大师Chrome扩展程序是SEO的无名英雄，他们在幕后默默工作，使您的策略脱颖而出并提高您的努力效率。从竞争对手研究到审核您的网站，速度比您说“元描述”还快，这些小工具发...
- 户外便携设备抗干扰困境如何破局?CMS-160925-078S-67给出答案
-
在户外复杂的电磁环境中，便携式设备中的扬声器需具备出色抗干扰能力，CUID的CMS-160925-078S-67在这方面表现突出。 从其结构设计来看，矩形框架虽主要为适配紧凑空...
- 一个基于NetCore开发的前后端分离CMS系统
-
今天给大家推荐一个开源的前后端分离架构的CMS建站系统。项目简介这是一个基于.Net3构建的简单、跨平台、模块化建站系统。系统业务简单、代码清晰、层级分明、全新架构便于二次扩展开发。支持多种数据库，...
- 本地Docker部署ZFile网盘打造个人云存储
-
前言本文主要介绍如何在LinuxUbuntu系统使用Docker本地部署ZFile文件管理系统，并结合cpolar内网穿透工具实现远程访问本地服务器上的ZFile传输与备份文件，轻松搭建个人网盘，无...
- pcfcms企业建站系统 免费+开源的企业内容管理系统
-
项目介绍pcfcms是基于TP6.0框架为核心开发的免费+开源的企业内容管理系统，专注企业建站用户需求提供海量各行业模板，降低中小企业网站建设、网络营销成本，致力于打造用户舒适的建站体验。演示站...
- 【推荐】一个高颜值且功能强大的 Vue3 后台管理系统框架
-
如果您对源码&技术感兴趣，请点赞+收藏+转发+关注，大家的支持是我分享最大的动力！！！项目介绍SnowAdmin是一款基于Vue3、TypeScript、Vite5、Pinia、Arco-Desi...
- java开源cms管理系统框架PublicCMS后台管理系统
-
一款使用Java语言开发的CMS，提供文章发布，图片展示，文件下载,用户权限、站点模块，内容管理、分类等功能。可免费用于商业用途maven工程数据库脚本在工程中database文件夹下代码结构：效果...
- 一定要大量读书:当我问Deepseek，它给出的高效阅读方法厉害了!
-
一年一度的世界读书日，总该写点什么。于是，我去问Deepseek给我推荐人生破局必读的10本书，结果它给了我回复，竟然10本推荐的书籍里，我都曾经浏览过，同时还给出破局关键。而说浏览过，不是读过，是因...
- 《搜神札记》:不应磨灭的惊奇（小说《搜神记》）
-
□黄勃志怪传说的书写一直是文人墨客的后花园，晚近尤盛，从张岱到袁枚到纪昀，收集那些或阴森或吊诡的行状故事，遂成一类，到民国年间，周作人挟此遗传，捋袖子拿希腊神话动刀，乃兄鲁迅不甘其后，《故事新编》虎...
- 《如何构建金字塔》之第三章总结（构建金字塔结构的方法有）
-
“没有什么比一套好理论更有用了。”——库尔特.勒温这篇读后感依然引用了这句库尔特.勒温名言，这句话也是我读芭芭拉.明托这本书的初衷。今天就“如何构建金字塔”，我来谈谈我的读后心得。我热爱写作，但是写...
- 《助人技术》第一章助人引论内容框架
-
第一章内容基本呈现如何成为助人者（心理咨询师）以及一些相关基础知识，对于进入这个行业有兴趣以及希望通过心理咨询寻求帮助但存有疑虑的当事人，都值得一读。心理咨询的三个阶段（不是说严格的三个阶段，而是广义...
- AI助手重构读后感写作流程:从提纲到完整性思考的转换
-
大家好！你有没有遇到过读完一本书，想要写读后感，却不知道从何下手的情况呢？今天我们要来探讨一下如何利用稿见AI助手来重构读后感写作流程，从提纲到完整性思考的转换。让我们一起来看看这个全新而又实用的方法...
- 图解用思维导图做读书笔记技巧（图解用思维导图做读书笔记技巧视频）
-
做阅读笔记非常有利于读后进行有效的深入思考，而思维导图这一强大的工具其最大的特点就是架构清晰，在阅读过程中对文章的分析、总结、分类起着很大的辅助作用。思维导图读书笔记步骤：1、阅读大纲。首先要快速浏览...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- laravel框架 (46)
- springmvc框架 (49)
- 分布式事务框架 (65)
- scrapy框架 (56)
- shiro框架 (61)
- 定时任务框架 (56)
- java日志框架 (61)
- JAVA集合框架 (47)
- mfc框架 (52)
- abb框架断路器 (48)
- grpc框架 (55)
- ppt框架 (48)
- 内联框架 (52)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)