uniapp入门到进阶 – 0、uni-app全栈构建模板(小程序、H5、app)预览

为了提升开发效率特创建该速成构建框架，本框架采用uni-app + Ts + vite,通用适配小程序、H5，app。框架特色如下：

1、开箱即用 – 最新的技术栈 vite、ts、vue3、uni-app

2、API 自动引入 – 减少代码量

3、动态路由 – 全自动化构建 pages.json 文件，让路由更灵活，可操控

4、路由跳转 – 随心所欲跳转传值回调

5、utils – 基础工具函数（API 请求封装 ,全局配置，时间处理等，直接在此基础开发业务需求）

6、项目采用vue3语法糖

<script setup lang="ts">
  //  vue3 API,uni-app API自动引入,避免单页面繁琐引入
  const hello = ref('world')
  onLaunch(() => {
    
  })
  onShow(() => {
    
  })
  onHide(() => {
   
  })
</script>

7、css样式引入vk-uview-ui，布局效率飞速提升

8、Hooks函数使用

9、z-paging 刷新 加载、分页

部分功能展示

1、API自动注入

API自动引入

2、请求封装

uni-app vue3请求封装

3、海报绘制功能

绘制海报部分代码

4、辅助函数

辅助函数工具

5、状态管理

状态管理

6、动态生成pages文件

动态pages.json文件

7、版本管理

版本控制

源码仓库地址：随着项目的完善逐步开放源码（源码完善中、丰富中）

欢迎点赞、收藏