V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
caqiko
V2EX  ›  程序员

有了后端 API 接口,怎样快速创建一个 Web CRUD 前端页面?

  •  
  •   caqiko · 2021-12-09 00:52:57 +08:00 · 2558 次点击
    这是一个创建于 841 天前的主题,其中的信息可能已经有所发展或是发生改变。
    自己写了一些 Rest API ,用于列出数据,创建数据,修改数据等。
    GET /product
    GET /product/id
    POST /product
    PUT /product/id
    ...


    没有前端基础,怎样快速创建一个 web 前端页面来调用这些 API?
    看了下 VUE ,实在是太复杂了。。
    hs0000t
        1
    hs0000t  
       2021-12-09 00:55:06 +08:00 via Android
    hs0000t
        2
    hs0000t  
       2021-12-09 00:55:38 +08:00 via Android   ❤️ 1
    @hs0000t 看错了,原来问的是前端…
    enchilada2020
        3
    enchilada2020  
       2021-12-09 01:06:08 +08:00 via Android   ❤️ 1
    amis 了解一下 根本不需要懂前端框架
    xy90321
        4
    xy90321  
       2021-12-09 01:19:52 +08:00 via iPhone   ❤️ 1
    找个会前端的人
    LeeReamond
        5
    LeeReamond  
       2021-12-09 02:05:11 +08:00   ❤️ 1
    此问题可见,虽然 fastapi 只是给 starlette 加了个 /docs ,但这一小修改是多么的切中痛点。。
    lybcyd
        6
    lybcyd  
       2021-12-09 07:59:04 +08:00 via Android   ❤️ 1
    没有基础觉得 vue 麻烦那就用 jQuery 呗,直接$.ajax ,再操作一下 DOM ,找几个例子试一下就会了
    huangmingyou
        7
    huangmingyou  
       2021-12-09 08:11:49 +08:00   ❤️ 1
    lowdefy. 基于 yaml 语法。amis 基于 json 语法。都是低代码实现前端的方案。我都用过,更习惯 lowdefy 。
    cslive
        8
    cslive  
       2021-12-09 08:22:22 +08:00   ❤️ 1
    rxjs
    dayeye2006199
        9
    dayeye2006199  
       2021-12-09 08:29:14 +08:00   ❤️ 1
    django-admin
    hanxiV2EX
        10
    hanxiV2EX  
       2021-12-09 08:39:10 +08:00 via Android   ❤️ 1
    SuperMild
        11
    SuperMild  
       2021-12-09 08:46:45 +08:00   ❤️ 1
    如果目的是测试后端,用 postman 之类的 api 测试工具就可以了。

    如果目的是做一个页面出来使用,不管给别人用还是自用,那还是学点前端基础吧,低代码弄出来的东西用起来肯定各种不舒服,不管自己还是别人在使用过程中都会想改改这改改那,毫无前端知识是玩不转的。
    Kontinue
        12
    Kontinue  
       2021-12-09 08:54:16 +08:00   ❤️ 1
    @hanxiV2EX 是的,作者还提供了一个基础的脚手架,vue 文档翻一翻,axios 看一眼就好了
    infinityv
        13
    infinityv  
       2021-12-09 09:10:05 +08:00 via iPhone   ❤️ 1
    baidu/amis
    chenshun00
        14
    chenshun00  
       2021-12-09 09:13:21 +08:00   ❤️ 1
    java 程序员,angular.js , 快准狠. 一套模板反复用。
    idblife
        15
    idblife  
       2021-12-09 09:23:54 +08:00   ❤️ 1
    @huangmingyou
    lowdefy 是不是没有 sdk 模式,不像 amis 直接引用 js 就可以开干
    zxCoder
        16
    zxCoder  
       2021-12-09 09:26:50 +08:00   ❤️ 1
    swagger
    lodisy
        17
    lodisy  
       2021-12-09 09:28:35 +08:00 via Android   ❤️ 1
    Swagger
    Removable
        18
    Removable  
       2021-12-09 09:31:44 +08:00   ❤️ 1
    第一个想到的也是 swagger
    hanzhao
        19
    hanzhao  
       2021-12-09 09:33:55 +08:00   ❤️ 1
    jasonform
    hanzhao
        20
    hanzhao  
       2021-12-09 09:34:32 +08:00
    更正一下#18 jsonform 😅
    caqiko
        21
    caqiko  
    OP
       2021-12-09 09:35:35 +08:00
    @hanxiV2EX 就是看了这个头很大…… 又是 npm 又是 vue... 没接触过这些,直接给我劝退,我对前端的理解还停留在 html 和 jquery 操作 dom 上。。
    SuperMild
        22
    SuperMild  
       2021-12-09 09:53:20 +08:00
    @caqiko 原来你懂 html 和 jQuery ,那就是有前端基础了!

    你来看看我写的这个代码 https://github.com/ahui2016/mima-web/blob/master/static/add.html

    很简单的,懂 html 和 jquery 就一定能看懂,我这个就是用 html 和 jquery 实现的前后端分离的页面,不需要 vue 不需要 webpack 不需要 npm

    你可能需要着重看一下我的 submit 函数及其中的 XMLHttpRequest 的用法,绝对能马上领悟关键所在!
    hanxiV2EX
        23
    hanxiV2EX  
       2021-12-09 10:08:41 +08:00 via Android
    @caqiko vue 可以学一学吧,学一天试试?毕竟 jq 也挺复杂的,然后照着作者的那几篇手膜手文章就学会前后端分离的 admin 如何写了。
    hanxiV2EX
        24
    hanxiV2EX  
       2021-12-09 10:09:44 +08:00 via Android
    前端发展太快,我还没学会 css 。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5407 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 07:53 · PVG 15:53 · LAX 00:53 · JFK 03:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.