V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
tctc4869
V2EX  ›  JavaScript

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

  •  
  •   tctc4869 · 2020-04-26 11:08:13 +08:00 · 5208 次点击
    这是一个创建于 1671 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

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

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