推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
这是一个创建于 2107 天前的主题，其中的信息可能已经有所发展或是发生改变。
如题，在没有前端开发人员的情况下，不考虑定制化美化页面，后端开发人员要如何根据提供的请求接口，快速开发一个好看可用的 html 页面？信息管理，内容管理，简单的表单提交，还有博客，等一些简单页面了。
我不想自己写 css 样式，能用别人就用别人写的，我自己写 css 我就头疼，写 js 去美化 ui 我也头疼。即便使用了 vue-element，我还得写一套前端状态管理的代码与后端接口对接。如果能把写状态管理的时间能省下来，那更好了。
这里的后端不考虑是哪种语言开发，就根据提供的请求接口来。
第 1 条附言 · 2020 年 4 月 26 日
有些人说了套模板，我就想起了面向对象开发，将调研的确定需求抽象成数据表和实体类，那是否有类似的方式，或者说具有抽象功能的代码生成器呢，把模板页面和模板参数抽象成“类“，暴露接口给外界填写，有这样的代码生成器么？
第 2 条附言 · 2020 年 4 月 26 日
目前知道的简单页面快速开发的快速理念有两种，
一种是 Json 串生成页面，通俗的说是基于模板和 json 参数的代码生成器，
另外一种是以 Json 串来驱动页面，通俗的说，也就是数据驱动页面，数据是什么样，页面就是什么样子。只需 json 串和更少 html 标签，就能渲染一个页面
一种是 Json 串生成页面，通俗的说是基于模板和 json 参数的代码生成器，
另外一种是以 Json 串来驱动页面，通俗的说，也就是数据驱动页面，数据是什么样，页面就是什么样子。只需 json 串和更少 html 标签，就能渲染一个页面
第 3 条附言 · 2020 年 4 月 26 日
不知道有多少这两种理念下衍生的开发工具或开发框架
 |
1
SilentDepth 2020 年 4 月 26 日
找项目模板，改数据绑定，照葫芦画瓢
|
 |
2
ixx 2020 年 4 月 26 日
我么省事的开发方式我能想到的只有一个-----外包
 |
 |
3
murmur 2020 年 4 月 26 日
信息管理，内容管理，简单的表单提交，这些是可以不用状态管理的，vuex 我们就拿来共享全局变量
|
 |
4
Desiree 2020 年 4 月 26 日
状态管理应该是业务层面的把，除非你想省略掉数据的管理。有些东西不能省的，全都能省，要开发来干嘛呢
|
 |
5
SSW 2020 年 4 月 26 日
找写好的模板呗，改一改上线完事
|
 |
6
miniwade514 2020 年 4 月 26 日
看你的核心诉求就是：不写前端代码。也没有复杂 UI 的需求。那我感觉用传统的服务端模板渲染的方式就可以了，自己去网上买套模板，用你熟悉的模板引擎往里面塞变量。
|
 |
7
zclHIT 2020 年 4 月 26 日
找个模板照葫芦画瓢，样式什么的就用通用的，bootstrap，antd 之类的直接拿来用
|
 |
8
dartabe 2020 年 4 月 26 日
模版引擎
|
 |
9
azcvcza 2020 年 4 月 26 日
无内鬼，JQuery 一把梭
|
 |
10
labulaka521 2020 年 4 月 26 日 via Android
vue-element-admin
|
 |
11
tctc4869 OP @SilentDepth 问题是，怎么把页面模板抽取出来，快速套用
|
|
12
tctc4869 OP @miniwade514 有哪些好的模板网站呢？
|
 |
14
wangyzj 2020 年 4 月 26 日
vue-element-admin 或者 adminlte 都可以啊
|
|
16
SilentDepth 2020 年 4 月 26 日
|
|
18
tctc4869 OP @SilentDepth 就像面向对象一样，把需求抽象成实体类，这里的抽取，我指的是，把模板页面和参数抽象成类，这个确切的说，是有抽象功能的代码生成器把
|
 |
19
ppphp 2020 年 4 月 26 日
这边写 router 然后用组件写数据绑定就完事了，css 比较难
|
|
20
SilentDepth 2020 年 4 月 26 日
@tctc4869 #18 你是在做后端渲染？那还是用 Bootstrap 吧，一个组件看成一坨 HTML 字符串，几坨 HTML 字符串拼出一个页面的 HTML 。
|
|
21
tctc4869 OP @SilentDepth 是的，可以这么说，一个组件看成一坨 HTML 字符串，几坨 HTML 字符串拼出一个页面的 HTML 。想要找一个快速拼接 html 组件的思路或者工具。但不一定是后端渲染，也可能是代码生成器拼接，然后复制到页面文件里
|
 |
22
rick2c 2020 年 4 月 26 日
我觉得你想要的是一套拖拉拽式的自定义前端模板
|
|
23
tctc4869 OP @SilentDepth 当然我说的不是纯粹指页面快速生成，而是指“根据所填写的参数而快速生成页面“，参数可能包含是网络请求接口，<title>标签名称，如果是 cms，可能还包括列名，内容管理名称
|
|
25
SilentDepth 2020 年 4 月 26 日
@tctc4869 #23 看来你要的是「站点生成器」……那我的知识无法解答你的问题了 = =
|
 |
26
vone 2020 年 4 月 26 日
是不是这样的：
[jsonschema 生成表单页面，支持模板 HTML 源码二次编辑开发]( https://www.v2ex.com/t/518387) <https://github.com/giscafer/ngx-form-builder> <http://form.giscafer.com/#/zorro> |
|
27
tctc4869 OP @vone 算是把，根据模板字符串，根据给出的模板参数所需的参数，生成页面，这个参数蕾西，可以是 json 串，也可以是 xml，toml 都行。
|
 |
29
yaphets666 2020 年 4 月 26 日
avue
|
|
30
tctc4869 OP @yaphets666 这个感觉不错，Json 串驱动页面
|
|
31
yaphets666 2020 年 4 月 26 日
@tctc4869 不是的...只是把 vue 和 elementui 封装在一起 弄了一些 CRUD 的封装
|
|
32
tctc4869 OP @yaphets666 百度 “json 驱动 ui” 第一个就是“Avue: Avue 是基于 JSON 驱动 UI 的思想……”
|
|
33
yaphets666 2020 年 4 月 26 日
@tctc4869 看来你确实不懂前端 作者的意思是数据驱动视图 只不过现在数据传输都是 JSON 格式的
|
 |
34
glacial 2020 年 4 月 26 日
后端程序员 angular 一把梭
|
 |
35
zaul 2020 年 4 月 26 日
随便找个后端 UI 框架+vue 一把梭不就完了
|
 |
36
siweipancc 2020 年 4 月 26 日 via iPhone
angular 一把梭，就像 springboot 一样畅快，开箱即用
|
 |
37
gouflv 2020 年 4 月 26 日 via iPhone
vue 不适合后端，json 驱动 ui 不适合任何端
|
 |
38
shintendo 2020 年 4 月 26 日
json 驱动 ui 是什么时髦词
|
|
39
tctc4869 OP @shintendo 通俗点说是数据驱动 ui，比如生成图表，有些图表框架的 api 生成图表，html 只需凭借一个 div，js 凭借 Json 或 xml 等数据就能生成一个图表。那么这里指的是用数据驱动表单，数据是什么样子表单就是什么样子。
|
 |
40
JerryCha 2020 年 4 月 26 日
vue-cli 一键初始化，请
|
|
41
murmur 2020 年 4 月 26 日
“json 驱动 ui”这东西企业开发用的非常爽，看别人用过，直接需求人员驻场，一边分析需求一边配模块，啥，你说并发你说优化，别闹了，人家一个单位才几百人，并发算起来估计都是 0.几都没有，就那么几号人几十号人用。。。
|
 |
42
xcstream 2020 年 4 月 27 日
meteorjs 这类前后端的数据自动同步的
|
 |
43
jones2000 2020 年 4 月 27 日
有时间找模板什么的， 还不如花点时间学下前端，这个又不难。1-2 个月就能上手了。根据自己的需求自己写一套模板不就可以了，后续修改升级都方便。 技多不压身。
|
 |
44
shiwoya 2020 年 4 月 27 日
用 ui 库不就好了
|
|
45
SilentDepth 2020 年 4 月 27 日
好奇你们说 JSON 驱动 UI 的是怎么实现客户定制需求的
|
 |
46
hotsymbol 2020 年 5 月 9 日
Typescript，最后端语言的前端语言，写完后再 tsc 到 JS 即可，效率超高
|
Select Language