【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 登錄,輸入用戶和密碼點【登錄】按鈕登錄成功,切換到主頁。
在這里插入圖片描述
服務端截圖:
在這里插入圖片描述


本文完

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/72347.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/72347.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/72347.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

地基簡識Spring MVC 組件

Spring MVC 是一個基于 MVC 設計模式的框架,其核心組件協同工作以處理 HTTP 請求并生成響應。以下是各組件的詳細說明及其協作流程: 一、?核心組件 ?DispatcherServlet(前端控制器)? ?作用:接收所有請求并協調其他…

Spring Boot(七):Swagger 接口文檔

1. Swagger 簡介 1.1 Swagger 是什么? Swagger 是一款 RESTful 風格的接口文檔在線自動生成 功能測試功能軟件。Swagger 是一個規范和完整的框架,用于生成、描述、調用和可視化 RESTful 風格的 Web 服務。目標是使客戶端和文件系統作為服務器以同樣的…

cursor 彈出在簽出前,請清理倉庫工作樹 窗口

問題出現的背景:是因為我有兩臺電腦開發,提交后,另一個電腦的代碼是舊的,這個時候我想拉取最新的代碼,就會出現如下彈窗,因為這個代碼暫存區有記錄或者工作區有代碼的修改,所以有沖突&#xff0…

Cocos Creator3.8.6拖拽物體的幾種方式

文章目錄 前言一、第一種通過UILocation二、第二種通過UIDelta實現總結 前言 在游戲開發中,拖拽物體是一個非常常見的交互功能,無論是用于UI元素的拖動,還是場景中物體的移動,拖拽操作都能極大地提升用戶體驗。Cocos Creator 3.8…

在 Mac mini M2 上本地部署 DeepSeek-R1:14B:使用 Ollama 和 Chatbox 的完整指南

隨著人工智能技術的飛速發展,本地部署大型語言模型(LLM)已成為許多技術愛好者的熱門選擇。本地部署不僅能夠保護隱私,還能提供更靈活的使用體驗。本文將詳細介紹如何在 Mac mini M2(24GB 內存)上部署 DeepS…

《UE5_C++多人TPS完整教程》學習筆記33 ——《P34 關卡與大廳之間的過渡(Transition Level And Lobby)》

本文為B站系列教學視頻 《UE5_C多人TPS完整教程》 —— 《P34 關卡與大廳之間的過渡(Transition Level And Lobby)》 的學習筆記,該系列教學視頻為計算機工程師、程序員、游戲開發者、作家(Engineer, Programmer, Game Developer,…

Nginx 配置與常用命令速查手冊

Nginx 配置文件結構 Linux 中 Nginx 的配置文件: 通常位于 /etc/nginx/nginx.conf 或 /usr/local/nginx/conf/nginx.conf。 Nginx 采用模塊化設計,主要分為以下部分: 1. 全局塊 配置與服務器整體相關的參數,如工作進程數、日…

Vscode 便用快捷鍵設置教程

文章目錄 簡介:1. go to define (跳轉到函數定義的位置)2. go to declaration (跳轉到函數聲明的位置)3. move line (上下移動本行代碼)3.1上下復制本行代碼 4. 前進和后退(就是前進到光標上一次停留的位置,和后退到那…

Vim 常用快捷鍵大全:跳轉、編輯、查找替換全解析

摘要: Vim 是一款非常強大的文本編輯器,許多程序員和系統管理員都離不開它。 本文詳細介紹了 Vim 編輯器中的常用快捷鍵和命令,從基本模式、光標移動、編輯操作到查找替換,再到文件保存等常用操作,幫助你快速上手并提…

【實戰篇】【深度解析DeepSeek:從機器學習到深度學習的全場景落地指南】

一、機器學習模型:DeepSeek的降維打擊 1.1 監督學習與無監督學習的"左右互搏" 監督學習就像學霸刷題——給標注數據(參考答案)訓練模型。DeepSeek在信貸風控場景中,用邏輯回歸模型分析百萬級用戶數據,通過特征工程挖掘出"凌晨3點頻繁申請貸款"這類魔…

Vue核心知識:Vue動態權限到按鈕完整方案

為了進一步實現上面提到的動態路由功能,并且加入對每個路由的權限控制(即增、刪、改、查按鈕的權限控制),我們需要對數據庫、后端接口、前端的設計做一些改進和擴展。下面我將詳細描述如何在現有方案的基礎上加入對路由的增、刪、…

swift 開發效率提升工具

安裝github copliot for xcode github/CopilotForXcode brew install --cask github-copilot-for-xcode安裝swiftformat for xcode brew install swiftformatXcode Swift File代碼格式化-SwiftFormat

Trae智能協作AI編程工具IDE:如何在MacBook Pro下載、安裝和配置使用Trae?

Trae智能協作AI編程工具IDE:如何在MacBook Pro下載、安裝和配置使用Trae? 一、為什么選擇Trae智能協作IDE? 在AI編程新時代,Trae通過以下突破性功能重新定義開發體驗: 雙向智能增強:AI不僅提供代碼補全&a…

【推薦項目】023-游泳俱樂部管理系統

023 游泳俱樂部管理系統 游泳俱樂部管理系統概述 前端技術框架: 我們優雅地采用了Vue.js作為游泳俱樂部管理系統的前端基礎框架。Vue.js以其輕盈、高效和易于上手的特點,為我們的用戶界面帶來了極致的流暢性和響應速度。通過Vue.js,我們為…

C語言:51單片機 基礎知識

一、單片機概述 單片機的組成及其特點 單片機是指在一塊芯片上集成了CPU、ROM、RAM、定時器/計數器和多種I/O接口電路等,具有一定規模的微型計算機。 特點: 1、單片機的存儲器以ROM、RAM嚴格分工。 2、采用面向控制的指令系統。 3、單片機的I/O口引腳通…

【計算機網絡入門】初學計算機網絡(八)

目錄 1. S-W協議的信道利用率 2. GBN、SR協議的信道利用率 3.術語補充 3.1 滑動窗口協議 3.2 ARQ協議、連續ARQ協議 4. 信道劃分介質訪問控制 4.1 時分復用(TDM) 4.2 統計時分復用(STDM) 4.3 頻分復用(FDM&a…

HarmonyOS學習第7天: 文本組件點亮界面的文字魔法棒

一、引言 在 HarmonyOS 那豐富多彩的系統界面中,從簡潔直觀的應用圖標,到交互流暢的操作菜單,再到生動形象的圖文展示,每一處細節都經過精心雕琢,為用戶帶來了獨特而美妙的視覺與交互體驗。而在這琳瑯滿目的界面元素中…

從零開始:H20服務器上DeepSeek R1 671B大模型部署與壓力測試全攻略

前言 最近,我有幸在工作中接觸到了DeepSeek R1 671B模型,這是目前中文開源領域參數量最大的高質量模型之一。DeepSeek團隊在2024年推出的這款模型,以其驚人的6710億參數量和出色的推理性能,引起了業界廣泛關注。 作為一名AI基礎…

Unity中動態切換光照貼圖LightProbe的方法

關鍵代碼:LightmapSettings.lightmaps lightmapDatas; LightmapData中操作三張圖:lightmapColor,lightmapDir,以及一張ShadowMap 這里只操作前兩張: using UnityEngine; using UnityEngine.EventSystems; using UnityEngine.UI;public cl…

實例分割 | yolov11訓練自己的數據集

前言 因工作要求使用的都是yolov5系列的模型,今天學習一下最先進的yolov11,記錄一下環境配置及訓練過程。 1.項目下載及環境安裝 源碼位置:yolov11 可以看到,這里要求python版本大于等于3.8,我這里安裝python3.10.…