标签: vue

中台框架模块开发实践-用 Admin.Core 代码生成器生成通用代码生成器的模块代码

前言

之前分享中台 Admin.Core 的模块代码生成器，陆续也结合群友们的反馈，完善了一些功能和模板上的优化，而本篇将基于此代码生成器生成一个通用代码生成器模块的基本代码

后续再在此代码的基础上进行完善，制作一个通用的代码生成器

要做一个项目，首先我们要弄清楚需求，这里简单规划了下所需要的功能模块

可从脑图中看到，基本除了项目生成这块需要添加代码，相关模块的增删改查都可以由代码生成器来生成

易墨2024年7月1日大约 12 分钟

构建 dotnet&vue 应用镜像->推送到 Nexus 仓库->部署为 k8s 服务实践

前言

前面分享了 k8s 的部署安装，本篇来点实操，将会把一个 .net core + vue 的项目（zhontai），打包构建成 docker 镜像，推送到 nexus 镜像仓库，并部署到 k8s 中

准备

要实现项目的部署，除了准备要部署的环境（k8s），还需要准备项目所用到的各中间件，本文旨在分享部署的一个整体流程，对项目中所使用到的各中间件（mysql，redis 等）的安装使用可自行在本 DevOps 系列文章中找到

易墨2024年1月2日大约 14 分钟

前端远程调试方案 Chii 的使用经验分享

Chii 是与 weinre 一样的远程调试工具，主要是将 web inspector 替换为最新的 chrome devtools frontend
监控列表页面可以看到网站的标题链接，IP，useragent，可以快速定位调试页面，监控页信息完善，支持https请求等，开发者工具能看到的都能看到。本文主要介绍其使用，在电脑运行，通过注入 js 的方式将将远端的日志，请求等同步推送在电脑端查看显示，及命令的执行

项目地址：https://github.com/liriliri/chii

易墨2023年9月18日大约 4 分钟

使用 docker 打包构建部署 Vue 项目，一劳永逸解决node-sass安装问题

文章源于 Jenkins 构建 Vue 项目失败，然后就把 node_modules 删了重新构建发现 node-sass 安装不上了，折腾一天终于可以稳定构建了。
犹记得从学 node 的第一天，就被 node-sass 折磨了一整天，后面本地没问题了然后服务器开始折磨了，这次又遇到，尝试了一次又一次，还是用本地包构建最稳，觉得还算有用，故记录一二。

构建环境 docker+jenkins

易墨2023年8月24日大约 4 分钟

03.前后端分离中台框架 zhontai 项目代码生成器的使用

zhontai 项目

基于 .Net7.x + Vue 等技术的前后端分离后台权限管理系统，想你所想的开发理念，希望减少工作量，帮助大家实现快速开发

后端地址：https://github.com/zhontai/Admin.Core 前端地址：https://github.com/zhontai/admin.ui.plus

代码生成器：
- 后端：https://github.com/yimogit/Admin.Core.Dev Fork 自 https://github.com/share36/Admin.Core.Dev
- 前端：https://github.com/yimogit/admin.ui.plus.dev Fork 自 https://github.com/share36/admin.ui.plus.dev
官方默认项目模板生成：
- dotnet new install ZhonTai.Template
- dotnet new MyApp -n MyCompanyName.MyProjectName

易墨2023年8月22日大约 3 分钟

02.前后端分离中台框架前端 admin.ui.plus 学习-介绍与简单使用

中台框架前台项目 admin.ui.plus 的初识

基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术，内置支持一键生成微服务接口，适配手机、平板、pc 的后台权限管理框架，希望减少工作量，帮助大家实现快速开发。

框架一览
项目地址
- https://github.com/zhontai/admin.ui.plus
技术栈
- node 16+
- vue 3.x
- typescript
- element plus
特点
- 界面还可以，自定义度高，适配移动端
- 自动生成api接口定义文件
- 没有过度封装
- 系统权限封装基本满足大部分项目
推荐环境
- Node v18
- VsCode
- VsCode插件
  - TypeScript Vue Plugin (Volar)
  - Vue Language Features (Volar)
  - Vue 3 Snippets
  - ESLint
  - Prettier - Code formatter
项目结构
- bin 打包脚本
- gen 根据./templates生成api相关文件，接口更新后执行npm run gen:api会生成接口的定义和接口模型
- public 不需要打包的资源
- src 源码，vue项目结构，具体文档参考vue-next-admin，element-plus
- package.json script
  - npm run dev 运行
  - npm run build 打包
  - npm run gen:api 生成api代码，添加了模块后加入到apis中