• 请不要在回答技术问题时复制粘贴 AI 生成的内容
caqiko
V2EX  ›  程序员

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

  •  
  •   caqiko · Dec 9, 2021 · 3744 views
    This topic created in 1791 days ago, the information mentioned may be changed or developed.
    自己写了一些 Rest API ,用于列出数据,创建数据,修改数据等。
    GET /product
    GET /product/id
    POST /product
    PUT /product/id
    ...


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

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

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

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

    你可能需要着重看一下我的 submit 函数及其中的 XMLHttpRequest 的用法,绝对能马上领悟关键所在!
    hanxiV2EX
    hanxiV2EX
    Dec 9, 2021 via Android
    23
    @caqiko vue 可以学一学吧,学一天试试?毕竟 jq 也挺复杂的,然后照着作者的那几篇手膜手文章就学会前后端分离的 admin 如何写了。
    hanxiV2EX
    hanxiV2EX
    Dec 9, 2021 via Android
    24
    前端发展太快,我还没学会 css 。。。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3201 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 50ms · UTC 04:27 · PVG 12:27 · LAX 20:27 · JFK 23:27
    ♥ Do have faith in what you're doing.