百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

php宝塔部署niucloud-admin开源SaaS系统后台框架电脑pc端vue源码

moboyou 2025-08-02 20:23 2 浏览

大家好啊,我是测评君,欢迎来到web测评,上一期给大家分享niucloud-admin的uniapp多端框架在本地运行与宝塔的部署方式,这一期继续给大家分享,niucloud的web前端nuxt3是怎么在本地运行,并且怎么打包发布上宝塔。

技术架构

  • nuxt3 + nuxt-windicss + vite + typescript + nodejs + vscode
  • cnetos7以上 + 宝塔面板

文字搭建教程

  1. 下载vscode,安装nodejs环境(不懂安装可以去看我以前的环境搭建教程),然后用vscode打开web目录,修改env目录下的接口配置文件(参照视频教程来修改)。然后安装node依赖,执行 npm install
  2. 如果要进行本地开发,可以执行 npm run dev
  3. 本地开发好以后,执行 npm run generate 打包,打包好以后会在网站目录生成dist文件夹。
  4. 需要修改下dist目录编译包中index.html文件,因为编译出的文件是属于单站,所以需要修改路径,可以匹配saas多站。两处代码需要替换:第一处搜索<script 标签,在第一个标签前加第一句代码;如下:
 const match = location.href.match(/\/web\/(\d*)\//);
  1. 第二处搜索baseURL,将整体这一句替换为如下:
 baseURL:match ? `/web/${match[1]}/` : '/web/',
  1. 替换后保存,将dist下的所有文件压缩,运行环境(宝塔)中的niucloud/public/web 中所有文件全部清除掉。
  2. 将生成的编译压缩包上传到运行环境中,解压,以上操作完成,浏览器就可以访问web端。

系统介绍

niucloud-admin前端以及后端采用严格的多语言开发规范,包括前端展示,api接口返回,数据验证,错误返回等全部使用多语言设计规范,使开发者能够真生意义上实现多语言的开发需求。

niucloud-admin结合系统结构特点专门开发了代码生成器,这样开发者根据数据表就可以一键生成基础的业务代码,包括:后台php业务代码以及对应的前端vue代码。

前端采用标准的element-plus,开发者不需要详细了解前端,只需要用标准的element组件就可以。

系统实测截图

视频教程

php宝塔搭建部署niucloudadmin开源SaaS系统框架电脑pc端vue源码

关于资源下载

  1. 网站中的所有源码资源,均不是该源码资源的价格,本身开源源码是不用付费的。这是赞助录制搭建视频教程、收集整理资源、服务器维护的基础开销费用!
  2. 不想付费的朋友可以自行去GitHub或者Gitee搜索相关开源项目,了解其开源协议。再根据视频视频教程来搭建即可。

免责声明

  1. 本站上传的源码,均为平台购买,作者提供,网友推荐,互联网平台整理而来。
  2. 上述源码的知识产权及相关权利归作者及制作公司所有。
  3. 上述源码仅供学习参考及技术交流之用,未经源码的知识产权权利人同意,用户不得进行商业使用。
  4. 上述源码如需商业使用,请自行联系源码知识产权权利人进行授权,否则,我们将积极配合作品知识产权权利人 一起维权。
  5. 上述源码如有侵犯您的知识产权,请您立刻联系我们,我们会在24小时内做删除下架处理。

相关推荐

抓取网页源代码工具测度的方法(在线抓取网页源码)

小编今天给大家分享一个非常实用的工具——抓取网页源代码测度工具。相信大家在日常的网络使用中,经常会遇到需要获取网页源代码的情况。那么这个工具就能帮助我们快速、准确地抓取所需的网页源代码,让我们更加便捷...

Vue基础入门,第21节,表单数据的收集与提交

Vue基础入门,第21节,表单数据的收集与提交1、定义1个表单<form><p>姓名:<inputtype="text"v-...

js下拉列表表单控件的自动填写思路

我们熟悉的标准HTML输入控件包括input,select,textarea等;比如通过改变input的value属性值,就可输入内容到文本输入框中。有些网页表单为了实现特殊的效果和功能,可以不使用这...

智能图书馆管理系统开发实战系列(二):高保真原型设计

前言在现代软件开发中,用户体验设计是产品成功的关键因素。本文将详细介绍如何通过高保真原型来验证设计理念,以及如何进行有效的用户体验测试。我们的智能图书馆管理系统项目从一开始就采用了原型驱动的开发方式,...

开源免费、美观实用的后台管理系统模版,简单轻量、开箱即用!

项目介绍ArtDesignPro是一款开源免费(基于MITlicense开源协议)、美观实用的后台管理系统模版,专注于用户体验和快速开发的开源后台管理解决方案。基于ElementPlus设计...

【推荐】一个基于 Vue 开源的可视化页面生成工具,前端开发利器

前端岗位砍掉40%还不薪的同事,靠一款开源拖拽神器每天三分钟完活这事藏在Gitee热榜前十,名字叫AS-Editor上线100天,star冲到8.3k,issue里90%在问同一句话:能不能再快一点。...

30 分钟搭私有无代码平台?NocoBase 实战手册,看完就上手

作为一名写了8年代码的JavaScript开发者,我曾无数次面对这样的需求:“能不能快速搭个客户管理系统?”“需要一个简单的库存跟踪工具,下周个月就要上线”过去,这类需求要么靠Excel...

成功上岸腾讯运营,教你如何写校招简历?

产品策划/运营的校招简历应该怎么写?作者从自身实际情况出发,总结分享了相关经验,希望对你有用。写在前面红红火火恍恍惚惚,本人是一位2020届本科毕业生,校招意向互联网产品类。此前有过产品相关的项目&a...

【推荐】一款由阿里巴巴开源、功能强大、易用的企业级中后台应用

如果您对源码&技术感兴趣,请点赞+收藏+转发+关注,大家的支持是我分享最大的动力!!!项目介绍X-Render是一款由阿里巴巴开源、功能强大、易用的中后台「表单/表格/图表」解决方案,旨在提...

一个基于 .NET 8 开源、免费、跨平台内网穿透神器,支持打洞、中继、和穿透!

我们致力于探索、分享和推荐最新的实用技术栈、开源项目、框架和实用工具。每天都有新鲜的开源资讯等待你的发现!项目介绍Linker是一个基于.NET8.0开发的网络工具,利用P2P(点对点)或服务器...

12个免费的jQuery插件来扩展结账表单功能

作者:JAKEROCHELEAU译者:半糖学前端来源:designbombs原文:https://www.designbombs.com/jquery-checkout-form-plugins...

python进阶100集(1) python进阶学习目录

之前我完成了《Python学不会来打我》100集,后台有很多小伙伴反馈效果很好,另外也有很多留言说想学习python进阶知识,比如:已经学习了python的基础语法,现在想学习python的进阶,...

介绍几款表单设计器(表单设计工具)

做低代码平台的,需要做前端界面的设计,表单的设计必不可少,比如宜搭、轻舟等都是大厂的低代码平台,他们的平台上都带了表单设计器,这些表单设计器组件是与其平台配套的,跟我们自己的技术架构可能不一样,无...

async-validator 源码学习(一):文档翻译

async-validator是一个表单异步校验库,阿里旗下的Ant-design和Element组件库中的表单验证使用的都是async-validator,目前版本已更新到4.0.7...

TypeScript类型体操:10个高级类型操作符解决实际工程问题的案例

在大型前端工程中,TypeScript的类型系统不仅是"锦上添花",更是"安全网"。掌握高级类型操作符能让类型定义从"勉强能用"升级为"精准控制...