web测评

V1

2023/02/14阅读:18主题:萌绿

宝塔搭建实战php开源likeadmin通用管理移动端uniapp源码(四)

大家好啊,我是测评君,欢迎来到web测评。

上一期给大家分享了pc端的部署方式,今天来给大家分享uniapp端在本地搭建,与打包发布到宝塔的方法。感兴趣的朋友可以自行下载学习。

技术架构

  • vscode + node16+ + vue3 + uniapp + vite + typescript + yarn + tailwindcss
  • cnetos7以上 + 宝塔面板

文字搭建教程

  1. 下载HBuilderX编辑器,本地电脑安装node16版本以上,如果不会的同学,可以翻一下我以往的教程,里面有教大家怎么下载。
  2. 用HBuilderX导入uniapp目录。
  3. 复制.env.development.example,将复制的文件名修改为.env.development。
  4. 复制.env.production.example,将复制的文件名修改为.env.production。
  5. 打开.env.development文件,修改VITE_APP_BASE_URL变量的值为项目安装部署的服务端地址。
  6. 安装依赖,选中当前项目,点击HbuilderX左上角菜单工具>外部命令>npm install安装依赖。
  7. 运行到h5,点击HbuilderX左上角菜单运行>运行到浏览器>Chrome。
  8. 运行到微信小程序,点击HbuilderX左上角菜单运行>运行到小程序模拟器>微信开发者工具 - (uniapp)。
  9. 发行到h5:点击HbuilderX左上角菜单发行>网站-PC Web或手机H5(仅适用于uni-app),输入网站标题,点击发行按钮,编译完成后可在uniapp/dist/build/h5下面看到打包好的代码,将h5下面的代码复制到发布目录,然后上传代码到服务器或仓库即可。

系统介绍

likeadmin可以通过可视化的代码生成器,快速的生成后端CRUD代码,前端页面代码。

通过可视化的表单设计器,拖拉拽DIY设计各种类型表单界面,并且生成对应代码。减少基础开发工作量,缩短整体开发时间。

当程序开发聚焦业务本身时,生产力就能充分释放,软件需求即可加速实现了。

系统实测截图

获取方式一

发送关键数字:**167**
发送关键数字:**167**

获取方式二

扫一扫小程序码
扫一扫小程序码

找不到你想要的?

扫一扫说出你最想需要的资源
扫一扫说出你最想需要的资源

分类:

后端

标签:

Node.js

作者介绍

web测评
V1

web测评,做一枚开源有态度的程序猿。