后端程序员兼职 JS 前端，有什么提高 js 前端开发速度的方式？

[tctc4869]

如题，在没有前端开发人员的情况下，不考虑定制化美化页面，后端开发人员要如何根据提供的请求接口，快速开发一个好看可用的 html 页面？信息管理，内容管理，简单的表单提交，还有博客，等一些简单页面了。

我不想自己写 css 样式，能用别人就用别人写的，我自己写 css 我就头疼，写 js 去美化 ui 我也头疼。即便使用了 vue-element，我还得写一套前端状态管理的代码与后端接口对接。如果能把写状态管理的时间能省下来，那更好了。

这里的后端不考虑是哪种语言开发，就根据提供的请求接口来。

有些人说了套模板，我就想起了面向对象开发，将调研的确定需求抽象成数据表和实体类，那是否有类似的方式，或者说具有抽象功能的代码生成器呢，把模板页面和模板参数抽象成“类“，暴露接口给外界填写，有这样的代码生成器么？

目前知道的简单页面快速开发的快速理念有两种，

一种是 Json 串生成页面，通俗的说是基于模板和 json 参数的代码生成器，

另外一种是以 Json 串来驱动页面，通俗的说，也就是数据驱动页面，数据是什么样，页面就是什么样子。只需 json 串和更少 html 标签，就能渲染一个页面

不知道有多少这两种理念下衍生的开发工具或开发框架

[SilentDepth]

找项目模板，改数据绑定，照葫芦画瓢

[ixx]

我么省事的开发方式我能想到的只有一个-----外包

[murmur]

信息管理，内容管理，简单的表单提交，这些是可以不用状态管理的，vuex 我们就拿来共享全局变量

[Desiree]

状态管理应该是业务层面的把，除非你想省略掉数据的管理。有些东西不能省的，全都能省，要开发来干嘛呢

[SSW]

找写好的模板呗，改一改上线完事

[miniwade514]

看你的核心诉求就是：不写前端代码。也没有复杂 UI 的需求。那我感觉用传统的服务端模板渲染的方式就可以了，自己去网上买套模板，用你熟悉的模板引擎往里面塞变量。

[zclHIT]

找个模板照葫芦画瓢，样式什么的就用通用的，bootstrap，antd 之类的直接拿来用

[dartabe]

模版引擎

[azcvcza]

无内鬼，JQuery 一把梭

[labulaka521]

vue-element-admin

[tctc4869]

@SilentDepth 问题是，怎么把页面模板抽取出来，快速套用

[tctc4869]

@miniwade514 有哪些好的模板网站呢？

[tctc4869]

@azcvcza 有人想 xss 攻击怎么办

[wangyzj]

vue-element-admin 或者 adminlte 都可以啊

[tctc4869]

@dartabe 如果是依据后端模板引擎的话，，套用模板页面和请求接口对接，有哪些思路策略呢？

[SilentDepth]

@tctc4869 #13 看到你说 XSS 突然反应过来你是那个问 XSS 免疫方法的人 = =

「怎么把页面模板抽取出来」
没明白你的「抽取」是什么意思。想快速套用，直接复制文件就得了。

[dartabe]

@tctc4869 状态管理可以参考三楼 一般共享变量就行了

[tctc4869]

@SilentDepth 就像面向对象一样，把需求抽象成实体类，这里的抽取，我指的是，把模板页面和参数抽象成类，这个确切的说，是有抽象功能的代码生成器把

[ppphp]

这边写 router 然后用组件写数据绑定就完事了，css 比较难

[SilentDepth]

@tctc4869 #18 你是在做后端渲染？那还是用 Bootstrap 吧，一个组件看成一坨 HTML 字符串，几坨 HTML 字符串拼出一个页面的 HTML 。

[tctc4869]

@SilentDepth 是的，可以这么说，一个组件看成一坨 HTML 字符串，几坨 HTML 字符串拼出一个页面的 HTML 。想要找一个快速拼接 html 组件的思路或者工具。但不一定是后端渲染，也可能是代码生成器拼接，然后复制到页面文件里

[rick2c]

我觉得你想要的是一套拖拉拽式的自定义前端模板

[tctc4869]

@SilentDepth 当然我说的不是纯粹指页面快速生成，而是指“根据所填写的参数而快速生成页面“，参数可能包含是网络请求接口，<title>标签名称，如果是 cms，可能还包括列名，内容管理名称

[tctc4869]

@rick2c 拖拉拽式这种前端开发方式，其实还不如根据 Json 字符串，拖拉拽式弄出稍微复杂的页面，就比较困难。

[SilentDepth]

@tctc4869 #23 看来你要的是「站点生成器」……那我的知识无法解答你的问题了 = =

[vone]

是不是这样的：
[jsonschema 生成表单页面，支持模板 HTML 源码二次编辑开发]( https://www.v2ex.com/t/518387)
<https://github.com/giscafer/ngx-form-builder>
<http://form.giscafer.com/#/zorro>

[tctc4869]

@vone 算是把，根据模板字符串，根据给出的模板参数所需的参数，生成页面，这个参数蕾西，可以是 json 串，也可以是 xml，toml 都行。

[tctc4869]

@vone 可以让用户自己定义模板和模板参数，并保存，以后复用。

[yaphets666]

avue

[tctc4869]

@yaphets666 这个感觉不错，Json 串驱动页面

[yaphets666]

@tctc4869 不是的...只是把 vue 和 elementui 封装在一起 弄了一些 CRUD 的封装

[tctc4869]

@yaphets666 百度 “json 驱动 ui” 第一个就是“Avue: Avue 是基于 JSON 驱动 UI 的思想……”

[yaphets666]

@tctc4869 看来你确实不懂前端 作者的意思是数据驱动视图 只不过现在数据传输都是 JSON 格式的

[glacial]

后端程序员 angular 一把梭

[zaul]

随便找个后端 UI 框架+vue 一把梭不就完了

[siweipancc]

angular 一把梭，就像 springboot 一样畅快，开箱即用

[gouflv]

vue 不适合后端，json 驱动 ui 不适合任何端

[shintendo]

json 驱动 ui 是什么时髦词

[tctc4869]

@shintendo 通俗点说是数据驱动 ui，比如生成图表，有些图表框架的 api 生成图表，html 只需凭借一个 div，js 凭借 Json 或 xml 等数据就能生成一个图表。那么这里指的是用数据驱动表单，数据是什么样子表单就是什么样子。

[JerryCha]

vue-cli 一键初始化，请

[murmur]

“json 驱动 ui”这东西企业开发用的非常爽，看别人用过，直接需求人员驻场，一边分析需求一边配模块，啥，你说并发你说优化，别闹了，人家一个单位才几百人，并发算起来估计都是 0.几都没有，就那么几号人几十号人用。。。

[xcstream]

meteorjs 这类前后端的数据自动同步的

[jones2000]

有时间找模板什么的， 还不如花点时间学下前端，这个又不难。1-2 个月就能上手了。根据自己的需求自己写一套模板不就可以了，后续修改升级都方便。 技多不压身。

[shiwoya]

用 ui 库不就好了

[SilentDepth]

好奇你们说 JSON 驱动 UI 的是怎么实现客户定制需求的

[hotsymbol]

Typescript，最后端语言的前端语言，写完后再 tsc 到 JS 即可，效率超高