当前位置: 首页 > news >正文

宝塔搭建实战php开源likeadmin通用管理pc端nuxt3源码(三)

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

昨天给大家分享了admin前端的搭建部署方式,今天来给大家分享pc端在本地搭建,与打包发布到宝塔的方法,希望能够帮助到大家,感兴趣的朋友可以自行下载学习。

技术架构

  • vscode + node16+ + nuxt3.0.0-rc.11 + pinia + elementPlus + vite + typescript + yarn
  • cnetos7以上 + 宝塔面板

非seo模式搭建教程

  1. 下载vscode编辑器,本地电脑安装node16版本以上,如果不会的同学,可以翻一下我以往的教程,里面有教大家怎么下载。
  2. 用vscode打开admin目录,新建终端,输入 yarn install 安装依赖,如果没有安装yarn,可以输入 npm install -g yarn 这个命令来全局安装yarn。
  3. 依赖安装好以后,复制.env.example文件,将复制的文件名修改为.env。
  4. 复制.env.development.example,将复制的文件名修改为.env.development。
  5. 复制.env.production.example,将复制的文件名修改为.env.production。
  6. 打开.env.development文件,修改NUXT_API_URL变量的值为项目安装部署的服务端地址。
  7. 输入 yarn dev 本地运行。
  8. 发布到线上,输入 yarn build 执行打包操作,打包好后会生成一个public文件夹,把文件夹里的文件压缩上传到宝塔的 public/pc 目录内替换即可。

seo模式搭建教程

  1. 修改路由基础路径,默认基础路径为/pc/,修改为/,打开.env文件修改。
  2. 打包支持seo模式和非seo模式(类似于vue的单页面应用),默认为非seo模式,修改.env文件可以修改模式。
# 是否开启ssr,填些任意值开启,为空则关闭
NUXT_SSR=1
  1. 打包前修改接口请求域名,打开.env.production,修改NUXT_API_URL变量的值为项目安装部署的服务端地址。如果是非seo模式则不需要修改,将NUXT_API_URL留空即可,这样请求接口时会自动读取当前的域名做为接口请求的域名。
  2. 在终端中运行命令 yarn build ,打包好后,会自动将打包产物复制到server/public/pc下面, 只需要提交代码到服务器的对应目录即可。
  3. 部署之前,如果服务器没有安装node,需要打开宝塔【软件商店】,搜索“node”,安装【Node.js版本管理器 1.6】。
  4. 打开【网站】-【node项目】-【添加node项目】,设置好项目目录、域名、项目端口(默认端口为3000)等参数,然后添加即可。
  5. 进入node项目设置,【服务状态】,手动启动项目。

系统介绍

likeadmin支持手机、平板、电脑访问。通过自适应,完美解决移动端的管理需求,一套后台多端应用。

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

likeadmin的UI界面通过精心设计,简洁美观,用户能够更加专注功能操作。减少无效的交互设计,大道至简,回归高效。

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

系统实测截图




获取方式

https://ceping.club/4803.html

http://www.lryc.cn/news/5363.html

相关文章:

  • 【C++】---Stack和Queue的用法及其模拟实现
  • Python GUI编程
  • 2023年浙江水利水电施工安全员精选真题题库及答案
  • Solon2 开发之插件,三、插件体外扩展机制(E-Spi)
  • 数据结构与算法(Java版) | 数据结构与算法的关系
  • 华科万维C++章节练习3_7
  • CHAPTER 5 Jenkins SonarQube
  • [AAAI 2023] Oral : Zero-shot 零样本/ Few-shot 少样本收录论文集合
  • 驱动开发 2.13
  • 【数据库】sql函数和多表关联查询
  • 6-周赛332总结
  • 嵌入式Qt 开发一个音乐播放器
  • 2023秋招万得集团AI算法岗面经分享
  • RoI Transformer论文翻译详解
  • Prometheus 自动发现监控AWS EC2实例
  • 从recat源码角度看setState流程
  • 【Java|golang】1234. 替换子串得到平衡字符串---双指针
  • 自监督表征学习方法——BYOL(Bootstrap Your Own Latent)
  • 均衡负载集群(LBC)-1
  • WebSocket
  • GA-PEG-GA,Glutaric Acid-PEG-Glutaric Acid,戊二酸-聚乙二醇-戊二酸供应
  • 使用sqlmap + burpsuite sql工具注入拿flag
  • 替代AG9300|替代NCS8823|CS5260 Type-C转VGA视频转换方案
  • 乐鑫特权隔离机制的 OTA 固件升级
  • C++数据结构 —— 二叉搜索树
  • Maven面试题及答案
  • WebRTC系列-Qos系列之接收放RTX处理
  • 国内能否炒伦敦金,2023国际十大正规伦敦金交易平台排名
  • react路由 - react-router-dom
  • 01-RTOS