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

【JSON2WEB】15 银河麒麟操作系统下部署JSON2WEB

【JSON2WEB】系列目录

【JSON2WEB】01 WEB管理信息系统架构设计

【JSON2WEB】02 JSON2WEB初步UI设计

【JSON2WEB】03 go的模板包html/template的使用

【JSON2WEB】04 amis低代码前端框架介绍

【JSON2WEB】05 前端开发三件套 HTML CSS JavaScript 速成

【JSON2WEB】06 JSON2WEB前端框架搭建

【JSON2WEB】07 Amis可视化设计器CRUD增删改查

【JSON2WEB】08 Amis的事件和校验

【JSON2WEB】09 Amis-editor的代码移植到json2web

【JSON2WEB】10 基于 Amis 做个登录页面login.html

【JSON2WEB】11 基于 Amis 角色功能权限设置页面

【JSON2WEB】 12基于Amis-admin的动态导航菜单树

【JSON2WEB】 13 基于REST2SQL 和 Amis 的 SQL 查询分析器

【JSON2WEB】14 基于Amis的CRUD开发30分钟速成


JSON2WEB 是基于 Amis-Admin-Master 开发的前端页面服务,在Windows系统下开发的,现在尝试部署到银河麒麟V10桌面版。

1 安装 Node.js:

如果系统尚未安装 Node.js,可以前往 Node.js 官方网站(https://nodejs.org/)下载适合银河麒麟系统的版本(通常为 Linux 二进制文件),然后按照安装说明进行安装。也可以使用包管理工具如apt(如果系统支持)来安装 Node.js,例如执行

sudo apt install nodejs

命令进行安装。
在这里插入图片描述
类似这个截图。

2 安装 npm

使用 npm(Node.js 包管理器)来安装依赖。你可以从 Node.js 官方网站下载适合 Linux 系统的安装包,也可以使用包管理器进行安装。以 apt 为例:

sudo apt update

麒麟系统检查升级
在这里插入图片描述
执行下面代码可以升级

sudo apt upgrade 

在这里插入图片描述
输入Y继续升级
安装npm

sudo apt install nodejs npm

在这里插入图片描述
以上截图是已安装过,没安装过会自动安装。

3 安装项目依赖

在项目目录下,执行

npm install

命令,这会根据项目中的package.json文件安装所有需要的依赖包。
在这里插入图片描述
我没安装成功,我改了package.json 和 package-lock.json 用 amis-admin-master 原来2个同名文件是可以的。我直接拷贝原来windows下的依赖(node_modules)也是一样的。

4 启动项目

安装完依赖后,执行

npm start

命令来启动项目。如果项目配置正确,并且依赖安装成功,项目应该会按照package.json中定义的启动脚本开始运行。

在这里插入图片描述
ok 启动成功。
我一个创建的快捷启动文件*.sh类似windows的*.bat 内容如下:

npm start

保存为npm-start.sh即可

在这里插入图片描述
在快捷启动文件上双击,然后选【在终端运行】即可。
在这里插入图片描述

5 工作目录

最后的工作目录如下:
在这里插入图片描述

6 实操演示

1 启动后端数据服务REST2SQL
在这里插入图片描述
2 启动前端页面服务JSON2WEB
在这里插入图片描述
3 打开浏览器IP地址栏输入 http://192.168.1.110:3000 成功打开了登录页面
在这里插入图片描述
4 登录,输入用户和密码点【登录】按钮登录成功,切换到主页。
在这里插入图片描述
服务端截图:
在这里插入图片描述


本文完

相关文章:

  • 【计算机网络】TCP三次握手,四次挥手以及SYN,ACK,seq,以及握手次数理解
  • Opencv之sift特征检测和FLANN 匹配器进行指纹特征匹配
  • StableDiffusion本地部署 3 整合包猜想
  • 2-3文件的属性信息
  • Pycharm中怎么加快下载三方包速度
  • Mplayer TUI增强设计:Linux命令行播放器的效率革命
  • 算法之数据结构
  • LangChain原理解析及开发实战指南(2025年最新版)
  • 基于SpringBoot的环保网站的设计与实现(源码+SQL脚本+LW+部署讲解等)
  • Android 应用开发中,证书、签名和加固简述
  • Odoo免费开源CRM技术实战:从商机线索关联转化为售后工单的应用
  • 网站被sweet32攻击 漏洞修复
  • ARM学习(43)armcc HardFault函数链接不到的问题理解
  • 3-4 WPS JS宏 工作表的新建、删除与错务内容处理(批量新建工作表)学习笔记
  • VUE2生命周期页面加载顺序
  • How to use VRX on ubuntu20.04 with ROS1 Noetic?[2]
  • Python 函数高级特性:从默认参数到闭包的全面解析
  • 偏移量是什么
  • 图书数据采集:使用Python爬虫获取书籍详细信息
  • vector习题
  • wordpress全自动赚钱/长沙网络优化产品
  • 怀化网站优化/百度站长平台官网
  • 网站在公司做有什么要求吗/淘宝怎么优化关键词排名
  • 商业网站建设平台/设计网站大全
  • 网站建设分几块/如何购买域名
  • 可以看帖子的网站/重庆seo