【JSON2WEB】06 JSON2WEB前端框架搭建

最新推荐文章于 2025-08-19 09:31:10 发布
原创 最新推荐文章于 2025-08-19 09:31:10 发布 · 1.7k 阅读 · 15
标签
#前端框架 #json2web

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

【JSON2WEB】02 JSON2WEB初步UI设计

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

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

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

前端技术路线太多了，知识点更多，感觉前端的技术都是搞艺术的文科生搞出来的，没有任何逻辑可言，都是东一块，西一块，南一榔头，北一锤子，中间就是补丁摞补丁拼凑在一起的。一点都不科学。
发发牢骚，改变不了历史的进程，只能适应。下面开始基于amis-admin构建json2web自己的框架。

1 目录结构

Step 1 ：复制 amis-admin的目录，目录名修改为JSON2WEB,结果如下图：
在这里插入图片描述
Step 2 ：删除不需要的页面
删除/page/目录下不需要的页面。

Step 3 : 准备Logo图标
拷贝logo图标文件5217.jpg到/public/目录下。

2 结构文件修改

2.1 创建服务启动批处理npm-start.bat

npm-start.bat的内容编辑如下：

npm start

在这里插入图片描述
这样鼠标双击npm-start.bat即可启动服务
在这里插入图片描述

2.2 修改服务版本信息

打开package.json文件，修改name及version节点。
在这里插入图片描述

2.3 配置服务信息

修改server.js即可，主要是增加本地静态目录sdk（为了使用本地sdk），服务端口，启动入口等信息根据需要适当修改。
在这里插入图片描述

2.4 引入本地SDK

index.html主要进入文件有sdk.css 、helper.css 、 sdk.js 、history.js 共4个文件。其中前3个来自amis的SDK目录，history.js 从https://cdn.jsdelivr.net/npm/history/umd/his

最低0.47元/天 解锁文章
前端json2的js包。
12-13
提供string字符串转换json格式的转换，内含json2的js包（调用JSON.parse方法即可）。
json2.js
12-11
json2.js
【JSON2WEB】02 JSON2WEB初步UI设计
REST2SQL ，JSON2WEB
01-24 954
JSON2WEB的UI初步设计，包括草图、登录、主页、导航树JSON2TREEE组件、表格JSON2GRID组件、表单JSON2FORM组件等。
【JSON2WEB】 12基于Amis-admin的动态导航菜单树
REST2SQL ，JSON2WEB
04-03 1928
管理信息系统一般注册用户较多，功能页面也很多，不同用户有不同的功能页面的操作权限，根据用户角色功能权限，生成动态的页面导航功能树是我采用的常规操作。
【JSON2WEB】 13 基于REST2SQL 和 Amis 的 SQL 查询分析器
REST2SQL ，JSON2WEB
04-10 1302
关于数据的问题没有一句SQL不能解决的，如果有就两句。我设计开发的所有信息系统 内嵌 SQL 查询分析器是标配，可执行CRUD的操作，也就是SQL的Insert、Select、Update、Delete操作。号称SQL的四大基本操作。SQL才是做完美的存在。BS前端就不吐槽了，知识点太多，比上下五千年的历史事件还多，比地球上的乡村还多。
【JSON2WEB】14 基于Amis的CRUD开发30分钟速成
REST2SQL ，JSON2WEB
04-11 1662
经过近两个月的摸索，基于Amis-editor的CRUD开发的套路基本搞清楚了。本帖记录一下开发的全过程。
【JSON2WEB】04 amis低代码前端框架介绍
REST2SQL ，JSON2WEB
02-03 2695
amis 是一个低代码前端框架，它使用 JSON 配置来生成页面，可以减少页面开发工作量，极大提升效率。看到amis一句话的介绍，感觉就是JSON2WEB要找的前端框架。amis是百度开源的框架，毕竟是大厂，有保障。为了实现用最简单方式来生成大部分页面，amis 的解决方案是基于 JSON 来配置，它的独特好处是：不需要懂前端：在百度内部，大部分 amis 用户之前从来没写过前端页面，也不会JavaScript，却能做出专业且复杂的后台界面，这是所有其他前端 UI 库都无法做到的；
【JSON2WEB】15 银河麒麟操作系统下部署JSON2WEB
REST2SQL ，JSON2WEB
02-28 1076
JSON2WEB 是基于 Amis-Admin-Master 开发的前端页面服务，在Windows系统下开发的，现在尝试部署到银河麒麟V10桌面版。
【JSON2WEB】09 Amis-editor的代码移植到json2web
REST2SQL ，JSON2WEB
03-06 743
用Amis-editor可视化编辑器开发的代码移植到JSON2WEB框架中。
前端json解析
kaige8312的博客
08-02 4239
weblogic部署出现返回值无法解析 ,解决如下 <script type="text/javascript"> $(window).load(function(){ $.ajax({ type: "post", url: "${base}/json", data: {'uid':'333'}, async: true, ...
JSON2.js库：处理旧版浏览器中的JSON
最新发布
weixin_35829279的博客
08-19 753
在今天的数字化世界中，Web应用程序广泛地在客户端和服务器之间交换数据。JSON（JavaScript Object Notation）已成为这些数据交换的标准格式，因为它的轻量级和易读性。然而，并非所有的浏览器都原生支持JSON的全部功能，特别是旧版浏览器。为了解决这一问题，Douglas Crockford开发了JSON2.js库，为旧版浏览器提供了全面的JSON支持。JSON2.js库不仅提供了一个兼容的和实现，还增加了一些额外的特性，使得处理JSON数据更为方便和强大。
npm start启动的是什么
ThinPikachu的博客
10-26 5047
具体来说，当在项目目录下执行 npm start 命令时，npm 将会在该项目的根目录下查找 package.json 文件，并查找其中的 "scripts" 对象中是否包含了名为 "start" 的属性。开发者可以在 package.json 文件中定义自己的脚本命令，例如 "dev"、"test" 等等，以实现不同的功能。npm start 命令是在一个 Node.js 项目中执行的一个自定义命令，用于启动该项目。在大多数情况下，"start" 属性的值是一个用于启动应用程序的命令。
前端开源库-json2css
08-29
前端开源库-json2cssjson2cs，将json转换为预处理器就绪的css
使用bat文件启动cmd命令，运行npm
蒙双眼看世界
06-12 3585
在bat当前目录启动cmd并执行npm run dev指令：start cmd /k "npm run dev"随之启动谷歌浏览器： start chrome.exe https://localhost:8080/projects/jsq_system/cmd命令启动浏览器还有其他方式：1、启动chrome浏览器指定网址 start "C:\Program Files\Google\Chrome\Application\chrome.exe" http://www.weibo.com/ start chr
批处理 bat 文件的 并发和顺序执行
热门推荐
weixin_45259457的博客
09-14 2万+
批处理1：单命令的批处理2: 多命令的批处理2.1 方法1（多个bat文件依次点击运行）；2.2 方法2(并发)；2.3 方法3（按顺序执行）； 1：单命令的批处理 :: 跳转文件夹 cd /d D:\a\b :: 2： 运行的命令 npm start :: 创建 bat 文件；名称自定义； 将上述四行 存放入 bat文件内 2: 多命令的批处理 方法1: 可以写多个 bat文件； 方法2：一个 bat 文件内 写多个 运行命令； 同步执行；； 方法3：一个 bat 文件内 写多个 运行命
Node-RED中使用JSON数据建立web网站
BADAO_LIUMANG_QIZHI的博客
04-16 1801
场景 Node-RED中建立静态网页和动态网页内容： Node-RED中建立静态网页和动态网页内容_霸道流氓气质的博客-CSDN博客 在上面的基础上，怎样根据json数据快速搭建起来显示数据的网站页面。 注： 博客：霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。 实现 1、设计布局如下 2、编辑change节点 数据源json如下 {"name":"霸道的程序猿","age"
JSON样式展示——css
qq_30944053的博客
11-01 2325
style="min-height: 300px;white-space: pre-wrap;word-break: break-all; word-wrap: break-word;"
三行CSS代码将Json格式化
Oralinge
09-27 5018
方法如图，只需要在css中加入三行代码： white-space: pre-wrap; word-wrap: break-word; overflow: auto; 效果： ** ** 另，一定要注意数据格式。 ** **
windows下如何使用bat启动vue
zoujiawei6的博客
06-07 5096
bat与npm run比如启动"D:/vue/project"：创建一个“.bat”文件，文件内容如下：@echo off :: nodejs安装目录下的nodevars.bat set nodevars = "C:\Program Files\nodejs\nodevars.bat" :: 切换到D盘 d: :: 移动到需要启动的目录 cd vue/project :: 启动项目 cmd /c ...
批处理使用 *.bat 文件启动 Vue项目（Windows环境下，代替手动输入命令 npm run dev等）
窝窝头的博客
12-06 6823
一、启动指定的项目 1.1、配置bat文件，其中 node目录、项目目录根据实际情况修改 @echo off :: `node.js` 选择自己安装目录下的 `nodevars.bat` set nodevars = "E:\Tools\node\nodevars.bat" :: 切换到D盘，选择自己项目所在的盘 d: :: 移动到需要启动的项目目录，此处项目名 `users` cd W...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值