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

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

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

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