阳新未检 ----------------------------------- 技术架构: ----------------------------------- #### 开发环境 - 语言:Java 8 - IDE(JAVA): IDEA / Eclipse安装lombok插件 - IDE(前端): WebStorm 或者 IDEA - 依赖管理:Maven - 数据库:MySQL5.7+ & Oracle 11g & Sqlserver2017 - 缓存:Redis #### 后端 - 基础框架:Spring Boot 2.3.5.RELEASE - 微服务框架: Spring Cloud Alibaba 2.2.3.RELEASE - 持久层框架:Mybatis-plus 3.4.1 - 安全框架:Apache Shiro 1.7.0,Jwt 3.11.0 - 微服务技术栈:Spring Cloud Alibaba、Nacos、Gateway、Sentinel、Skywalking - 数据库连接池:阿里巴巴Druid 1.1.22 - 缓存框架:redis - 日志打印:logback - 其他:fastjson,poi,Swagger-ui,quartz, lombok(简化代码)等 #### 前端 - [Vue 2.6.10](https://cn.vuejs.org/),[Vuex](https://vuex.vuejs.org/zh/),[Vue Router](https://router.vuejs.org/zh/) - [Axios](https://github.com/axios/axios) - [ant-design-vue](https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/) - [webpack](https://www.webpackjs.com/),[yarn](https://yarnpkg.com/zh-Hans/) - [vue-cropper](https://github.com/xyxiao001/vue-cropper) - 头像裁剪组件 - [@antv/g2](https://antv.alipay.com/zh-cn/index.html) - Alipay AntV 数据可视化图表 - [Viser-vue](https://viserjs.github.io/docs.html#/viser/guide/installation) - antv/g2 封装实现 - eslint,[@vue/cli 3.2.1](https://cli.vuejs.org/zh/guide) - vue-print-nb - 打印 后台开发环境和依赖 ---- - java - maven - jdk8 - mysql - redis - 数据库脚本:jeecg-boot/db/jeecgboot-mysql-5.7.sql - 默认登录账号: admin/123456 前端开发环境和依赖 ---- - node - yarn - webpack - eslint - @vue/cli 3.2.1 - [ant-design-vue](https://github.com/vueComponent/ant-design-vue) - Ant Design Of Vue 实现 - [vue-cropper](https://github.com/xyxiao001/vue-cropper) - 头像裁剪组件 - [@antv/g2](https://antv.alipay.com/zh-cn/index.html) - Alipay AntV 数据可视化图表 - [Viser-vue](https://viserjs.github.io/docs.html#/viser/guide/installation) - antv/g2 封装实现 - [jeecg-boot-angular 版本](https://gitee.com/dangzhenghui/jeecg-boot) 项目下载和运行 ---- ``` # 安装yarn npm install -g yarn # 下载依赖 yarn install # 启动 yarn run serve # 编译项目 yarn run build # Lints and fixes files yarn run lint ``` 其他说明 ---- - 项目使用的 [vue-cli3](https://cli.vuejs.org/guide/), 请更新您的 cli - 关闭 Eslint (不推荐) 移除 `package.json` 中 `eslintConfig` 整个节点代码 - 修改 Ant Design 配色,在文件 `vue.config.js` 中,其他 less 变量覆盖参考 [ant design](https://ant.design/docs/react/customize-theme-cn) 官方说明 ```ecmascript 6 css: { loaderOptions: { less: { modifyVars: { /* less 变量覆盖,用于自定义 ant design 主题 */ 'primary-color': '#F5222D', 'link-color': '#F5222D', 'border-radius-base': '4px', }, javascriptEnabled: true, } } } ``` 附属文档 ---- - [Ant Design Vue](https://www.antdv.com/docs/vue/introduce-cn) - [报表 viser-vue](https://viserjs.github.io/demo.html#/viser/line/basic-line) - [Vue](https://cn.vuejs.org/v2/guide) - [路由/菜单说明](https://gitee.com/jeecg/jeecg-boot/tree/v1.1/ant-design-jeecg-vue/src/router/README.md) - [ANTD 默认配置项](https://gitee.com/jeecg/jeecg-boot/blob/v1.1/ant-design-jeecg-vue/src/defaultSettings.js) 备注 ---- > @vue/cli 升级后,eslint 规则更新了。由于影响到全部 .vue 文件,需要逐个验证。既暂时关闭部分原本不验证的规则,后期维护时,在逐步修正这些 rules