
Vue.js
文章平均质量分 89
全栈程序猿
阿里云开发者社区专家博主、企业级微服务开发平台GitEgg作者。
展开
-
搭建Nuxt3响应式企业官网(PC+移动端)开发框架
Nuxt.js 是一个基于 Vue.js 的通用应用框架,它可以帮助你快速开发服务器渲染的应用,也可以做为静态站点生成器,同时还可以作为一个完整的前端开发解决方案。Nuxt.js 基于 Vue.js、Vue Router 和 Vuex,并集成了开箱即用的服务端渲染(SSR)、代码分割、静态生成(SSG)、Hot Module Replacement(HMR)、静态文件缓存等一系列优秀的特性。总之,使用Nuxt.js而不是单独使用Vue.js可以极大地简化开发过程,提供更好的性能和可维护性。原创 2024-02-18 12:02:59 · 3299 阅读 · 0 评论 -
【微服务部署】五、Jenkins+Docker一键打包部署NodeJS(Vue)项目的Docker镜像步骤详解
维护者信息# 将生成的静态页面文件复制到nginx的/usr/share/nginx/html/目录# 容器启动时运行的命令"]原创 2023-09-04 10:12:09 · 6203 阅读 · 0 评论 -
【微服务部署】四、Jenkins一键打包部署NodeJS(Vue)前端项目步骤详解
services:##nginx配置nginx:ports:#端口映射,前面是宿主机端口,后面是服务端口- 80:80- 443:443volumes:#若用到ssl,可以引入ports:端口映射,前面是宿主机端口,后面是容器内部服务端口volumes:目录映射,前面是宿主机目录,后面是容器内部目录。原创 2023-09-04 09:42:03 · 5003 阅读 · 0 评论 -
SpringCloud微服务实战——搭建企业级开发框架(五十二):第三方登录-微信小程序授权登录流程设计和实现
因为我们的开发框架是支持多租户的,同时也是支持多个小程序的,为了同一套后台可以支持多个微信小程序,这里选择在发布的微信小程序中配置appId,由微信小程序前端参数来确定具体的微信小程序。// 获取用户信息// 获取用户信息// 获取用户手机号// 绑定微信账号// 解绑微信账号// 登录// 退出登录// 获取登录用户信息。原创 2023-03-24 14:14:06 · 1265 阅读 · 1 评论 -
SpringBoot + Ant Design Pro Vue实现动态路由和菜单的前后端分离框架
并将在2.0.3版本中提供,因到目前为止,官方发布的版本为2.0.2,所以本文结合官方提供的解决方案结合SpringBoot后台权限管理进行修改,搭建一套完整的SpringBoot +Vue前后端分离框架。1. main.js 去掉mock // import './mock'6. Login.vue 修改登录页面参数,并添加登录验证码。4. store/user.js 修改登录后获取菜单的处理。4. store/user.js 修改登录后获取菜单的处理。5. login.js 修改登录请求。原创 2023-02-22 14:15:33 · 2607 阅读 · 3 评论 -
在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码
简而言之,Prettier的代码格式化功能比ESLint更强大,配置更简单,通过配置,ESLint可以使用Prettier的代码规则进行校验,如果不配置好,会出现冲突,导致二者不能配合使用。3、在 VSCode中插件安装中搜索 ESLint、Prettier - Code formatter、Vetur(因为Prettier不能格式化vue文件的template,所以使用Vetur)、这三个插件并安装。.eslintrc.js:代码检查规则的配置文件。.prettierrc:代码格式化的配置文件。原创 2012-02-11 12:16:42 · 2538 阅读 · 1 评论 -
SpringCloud微服务实战——搭建企业级开发框架(四十八):【移动开发】整合uni-app搭建移动端快速开发框架-使用第三方UI框架
uni-app默认使用uni-ui全端兼容的、高性能UI框架,在我们开发过程中可以满足大部分的需求了,并且如果是为了兼容性,还是强烈建议使用uni-ui作为UI框架使用。如果作为初创公司,自身又不想费太多精力去自己设计一套UI框架,那么DCloud插件市场提供了很多优秀的UI框架,最重要的是有些UI框架能够提供一整套行业的页面模板,比如,前几年电商项目比较火,Vant、ColorUI等提供了一整套电商模板方案,界面设计非常精美。原创 2022-10-28 13:51:25 · 923 阅读 · 0 评论 -
SpringCloud微服务实战——搭建企业级开发框架(四十七):【移动开发】整合uni-app搭建移动端快速开发框架-添加Axios并实现登录功能
HBuilderX有针对于uni-app的通用配置,很多通用常量可以直接配置在manifest.json文件中,且HBuilderX提供图形化配置界面。但我们有许多业务系统相关的常量配置,那么就需要一个自定义常量配置文件。原创 2022-10-27 12:45:48 · 1233 阅读 · 0 评论 -
SpringCloud微服务实战——搭建企业级开发框架(四十):使用Spring Security OAuth2实现单点登录(SSO)系统
一、单点登录SSO介绍 目前每家企业或者平台都存在不止一套系统,由于历史原因每套系统采购于不同厂商,所以系统间都是相互独立的,都有自己的用户鉴权认证体系,当用户进行登录系统时,不得不记住每套系统的用户名密码,同时,管理员也需要为同一个用户设置多套系统登录账号,这对系统的使用者来说显然是不方便的。我们期望的是如果存在多个系统,只需要登录一次就可以访问多个系统,只需要在其中一个系统执行注销登录操作,则所有的系统都注销登录,无需重复操作,这就是单点登录(Single Sign On 简称SSO)系统实现的功能原创 2022-05-11 21:55:07 · 4854 阅读 · 1 评论 -
SpringCloud微服务实战——搭建企业级开发框架(三十二):代码生成器使用配置说明
一、新建数据源配置 因考虑到多数据源问题,代码生成器作为一个通用的模块,后续可能会为其他工程生成代码,所以,这里不直接读取系统工程配置的数据源,而是让用户自己维护。参数说明数据源名称:用于查找区分数据源的名称连接地址 : 连接方式:数据库类型:数据库地址等参数,例:jdbc:mysql://127.0.0.1/gitegg_cloud?zeroDateTimeBehavior=convertToNull&useUnicode=true&characterEncoding=u原创 2021-12-21 15:28:11 · 893 阅读 · 0 评论 -
SpringCloud微服务实战——搭建企业级开发框架(三):创建Maven工程
在新建工程前,先了解一下什么是敏捷开发“松结对编程”及“L型代码结构”这里有详细的介绍和说明 : 敏捷开发“松结对编程”系列之十一:L型代码结构(团队篇之一) 使用Maven创建项目之前,我们要对工程有一个大概的规划,为了保持类库统一管理,引入的jar包版本不冲突,我们需要用到Maven的BOM功能以及Spring IO platform推出的BOM功能:Maven BOM定义一整套相互兼容的jar包版本集合,使用时只需要依赖该BOM文件,即可放心地使用需要的依赖jar包,且无需再指定版本号原创 2021-10-20 18:29:22 · 1192 阅读 · 1 评论