推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
tctc4869

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

  •  
  •   tctc4869 · Apr 26, 2020 · 6108 views
    This topic created in 2393 days ago, the information mentioned may be changed or developed.

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

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

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

    Supplement 1  ·  Apr 26, 2020
    有些人说了套模板,我就想起了面向对象开发,将调研的确定需求抽象成数据表和实体类,那是否有类似的方式,或者说具有抽象功能的代码生成器呢,把模板页面和模板参数抽象成“类“,暴露接口给外界填写,有这样的代码生成器么?
    Supplement 2  ·  Apr 26, 2020
    目前知道的简单页面快速开发的快速理念有两种,

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

    另外一种是以 Json 串来驱动页面,通俗的说,也就是数据驱动页面,数据是什么样,页面就是什么样子。只需 json 串和更少 html 标签,就能渲染一个页面
    Supplement 3  ·  Apr 26, 2020
    不知道有多少这两种理念下衍生的开发工具或开发框架
    46 replies  •  2020-05-09 21:41:26 +08:00
    SilentDepth
    SilentDepth
    Apr 26, 2020
    1
    找项目模板,改数据绑定,照葫芦画瓢
    ixx
    ixx
    Apr 26, 2020
    2
    我么省事的开发方式我能想到的只有一个-----外包
    murmur
    murmur
    Apr 26, 2020
    3
    信息管理,内容管理,简单的表单提交,这些是可以不用状态管理的,vuex 我们就拿来共享全局变量
    Desiree
    Desiree
    Apr 26, 2020
    4
    状态管理应该是业务层面的把,除非你想省略掉数据的管理。有些东西不能省的,全都能省,要开发来干嘛呢
    SSW
    SSW
    Apr 26, 2020
    5
    找写好的模板呗,改一改上线完事
    miniwade514
    miniwade514
    Apr 26, 2020
    6
    看你的核心诉求就是:不写前端代码。也没有复杂 UI 的需求。那我感觉用传统的服务端模板渲染的方式就可以了,自己去网上买套模板,用你熟悉的模板引擎往里面塞变量。
    zclHIT
    zclHIT
    Apr 26, 2020
    7
    找个模板照葫芦画瓢,样式什么的就用通用的,bootstrap,antd 之类的直接拿来用
    dartabe
    dartabe
    Apr 26, 2020
    8
    模版引擎
    azcvcza
    azcvcza
    Apr 26, 2020
    9
    无内鬼,JQuery 一把梭
    labulaka521
    labulaka521
    Apr 26, 2020 via Android
    10
    vue-element-admin
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    11
    @SilentDepth 问题是,怎么把页面模板抽取出来,快速套用
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    12
    @miniwade514 有哪些好的模板网站呢?
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    13
    @azcvcza 有人想 xss 攻击怎么办
    wangyzj
    wangyzj
    Apr 26, 2020
    14
    vue-element-admin 或者 adminlte 都可以啊
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    15
    @dartabe 如果是依据后端模板引擎的话,,套用模板页面和请求接口对接,有哪些思路策略呢?
    SilentDepth
    SilentDepth
    Apr 26, 2020
    16
    @tctc4869 #13 看到你说 XSS 突然反应过来你是那个问 XSS 免疫方法的人 = =

    「怎么把页面模板抽取出来」
    没明白你的「抽取」是什么意思。想快速套用,直接复制文件就得了。
    dartabe
    dartabe
    Apr 26, 2020
    17
    @tctc4869 状态管理可以参考三楼 一般共享变量就行了
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    18
    @SilentDepth 就像面向对象一样,把需求抽象成实体类,这里的抽取,我指的是,把模板页面和参数抽象成类,这个确切的说,是有抽象功能的代码生成器把
    ppphp
    ppphp
    Apr 26, 2020
    19
    这边写 router 然后用组件写数据绑定就完事了,css 比较难
    SilentDepth
    SilentDepth
    Apr 26, 2020
    20
    @tctc4869 #18 你是在做后端渲染?那还是用 Bootstrap 吧,一个组件看成一坨 HTML 字符串,几坨 HTML 字符串拼出一个页面的 HTML 。
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    21
    @SilentDepth 是的,可以这么说,一个组件看成一坨 HTML 字符串,几坨 HTML 字符串拼出一个页面的 HTML 。想要找一个快速拼接 html 组件的思路或者工具。但不一定是后端渲染,也可能是代码生成器拼接,然后复制到页面文件里
    cc77
    cc77
    Apr 26, 2020
    22
    我觉得你想要的是一套拖拉拽式的自定义前端模板
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    23
    @SilentDepth 当然我说的不是纯粹指页面快速生成,而是指“根据所填写的参数而快速生成页面“,参数可能包含是网络请求接口,<title>标签名称,如果是 cms,可能还包括列名,内容管理名称
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    24
    @rick2c 拖拉拽式这种前端开发方式,其实还不如根据 Json 字符串,拖拉拽式弄出稍微复杂的页面,就比较困难。
    SilentDepth
    SilentDepth
    Apr 26, 2020
    25
    @tctc4869 #23 看来你要的是「站点生成器」……那我的知识无法解答你的问题了 = =
    vone
    vone
    Apr 26, 2020
    26
    是不是这样的:
    [jsonschema 生成表单页面,支持模板 HTML 源码二次编辑开发]( https://www.v2ex.com/t/518387)
    <https://github.com/giscafer/ngx-form-builder>
    <http://form.giscafer.com/#/zorro>
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    27
    @vone 算是把,根据模板字符串,根据给出的模板参数所需的参数,生成页面,这个参数蕾西,可以是 json 串,也可以是 xml,toml 都行。
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    28
    @vone 可以让用户自己定义模板和模板参数,并保存,以后复用。
    yaphets666
    yaphets666
    Apr 26, 2020
    29
    avue
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    30
    @yaphets666 这个感觉不错,Json 串驱动页面
    yaphets666
    yaphets666
    Apr 26, 2020
    31
    @tctc4869 不是的...只是把 vue 和 elementui 封装在一起 弄了一些 CRUD 的封装
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    32
    @yaphets666 百度 “json 驱动 ui” 第一个就是“Avue: Avue 是基于 JSON 驱动 UI 的思想……”
    yaphets666
    yaphets666
    Apr 26, 2020
    33
    @tctc4869 看来你确实不懂前端 作者的意思是数据驱动视图 只不过现在数据传输都是 JSON 格式的
    glacial
    glacial
    Apr 26, 2020
    34
    后端程序员 angular 一把梭
    zaul
    zaul
    Apr 26, 2020
    35
    随便找个后端 UI 框架+vue 一把梭不就完了
    siweipancc
    siweipancc
    Apr 26, 2020 via iPhone
    36
    angular 一把梭,就像 springboot 一样畅快,开箱即用
    gouflv
    gouflv
    Apr 26, 2020 via iPhone
    37
    vue 不适合后端,json 驱动 ui 不适合任何端
    shintendo
    shintendo
    Apr 26, 2020
    38
    json 驱动 ui 是什么时髦词
    tctc4869
    tctc4869
    OP
    Apr 26, 2020
    39
    @shintendo 通俗点说是数据驱动 ui,比如生成图表,有些图表框架的 api 生成图表,html 只需凭借一个 div,js 凭借 Json 或 xml 等数据就能生成一个图表。那么这里指的是用数据驱动表单,数据是什么样子表单就是什么样子。
    JerryCha
    JerryCha
    Apr 26, 2020
    40
    vue-cli 一键初始化,请
    murmur
    murmur
    Apr 26, 2020
    41
    “json 驱动 ui”这东西企业开发用的非常爽,看别人用过,直接需求人员驻场,一边分析需求一边配模块,啥,你说并发你说优化,别闹了,人家一个单位才几百人,并发算起来估计都是 0.几都没有,就那么几号人几十号人用。。。
    xcstream
    xcstream
    Apr 27, 2020
    42
    meteorjs 这类前后端的数据自动同步的
    jones2000
    jones2000
    Apr 27, 2020
    43
    有时间找模板什么的, 还不如花点时间学下前端,这个又不难。1-2 个月就能上手了。根据自己的需求自己写一套模板不就可以了,后续修改升级都方便。 技多不压身。
    shiwoya
    shiwoya
    Apr 27, 2020
    44
    用 ui 库不就好了
    SilentDepth
    SilentDepth
    Apr 27, 2020
    45
    好奇你们说 JSON 驱动 UI 的是怎么实现客户定制需求的
    hotsymbol
    hotsymbol
    May 9, 2020
    46
    Typescript,最后端语言的前端语言,写完后再 tsc 到 JS 即可,效率超高
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2100 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 70ms · UTC 08:40 · PVG 16:40 · LAX 00:40 · JFK 03:40
    ♥ Do have faith in what you're doing.