【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 登录,输入用户和密码点【登录】按钮登录成功,切换到主页。
服务端截图:
本文完