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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1080 天前的主题，其中的信息可能已经有所发展或是发生改变。

自己写了一些 Rest API ，用于列出数据，创建数据，修改数据等。
GET /product
GET /product/id
POST /product
PUT /product/id
...

没有前端基础，怎样快速创建一个 web 前端页面来调用这些 API?
看了下 VUE ，实在是太复杂了。。

product

API

创建

get

24 条回复

hs0000t

2021-12-09 00:55:06 +08:00 via Android

https://www.v2ex.com/t/451203

hs0000t

2021-12-09 00:55:38 +08:00 via Android

@hs0000t 看错了，原来问的是前端…

enchilada2020

2021-12-09 01:06:08 +08:00 via Android

amis 了解一下根本不需要懂前端框架

xy90321

2021-12-09 01:19:52 +08:00 via iPhone

找个会前端的人

LeeReamond

2021-12-09 02:05:11 +08:00

此问题可见，虽然 fastapi 只是给 starlette 加了个 /docs ，但这一小修改是多么的切中痛点。。

lybcyd

2021-12-09 07:59:04 +08:00 via Android

没有基础觉得 vue 麻烦那就用 jQuery 呗，直接$.ajax ，再操作一下 DOM ，找几个例子试一下就会了

huangmingyou

2021-12-09 08:11:49 +08:00

lowdefy. 基于 yaml 语法。amis 基于 json 语法。都是低代码实现前端的方案。我都用过，更习惯 lowdefy 。

cslive

2021-12-09 08:22:22 +08:00

rxjs

dayeye2006199

2021-12-09 08:29:14 +08:00

django-admin

hanxiV2EX

2021-12-09 08:39:10 +08:00 via Android

https://github.com/PanJiaChen/vue-element-admin

这个容易上手

SuperMild

2021-12-09 08:46:45 +08:00

如果目的是测试后端，用 postman 之类的 api 测试工具就可以了。

如果目的是做一个页面出来使用，不管给别人用还是自用，那还是学点前端基础吧，低代码弄出来的东西用起来肯定各种不舒服，不管自己还是别人在使用过程中都会想改改这改改那，毫无前端知识是玩不转的。

Kontinue

2021-12-09 08:54:16 +08:00

@hanxiV2EX 是的，作者还提供了一个基础的脚手架，vue 文档翻一翻，axios 看一眼就好了

infinityv

2021-12-09 09:10:05 +08:00 via iPhone

baidu/amis

chenshun00

2021-12-09 09:13:21 +08:00

java 程序员，angular.js , 快准狠. 一套模板反复用。

idblife

2021-12-09 09:23:54 +08:00

@huangmingyou
lowdefy 是不是没有 sdk 模式，不像 amis 直接引用 js 就可以开干

zxCoder

2021-12-09 09:26:50 +08:00

swagger

lodisy

2021-12-09 09:28:35 +08:00 via Android

Swagger

Removable

2021-12-09 09:31:44 +08:00

第一个想到的也是 swagger

hanzhao

2021-12-09 09:33:55 +08:00

jasonform

hanzhao

2021-12-09 09:34:32 +08:00

更正一下#18 jsonform 😅

caqiko

2021-12-09 09:35:35 +08:00

@hanxiV2EX 就是看了这个头很大…… 又是 npm 又是 vue... 没接触过这些，直接给我劝退，我对前端的理解还停留在 html 和 jquery 操作 dom 上。。

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

2021-12-09 10:08:41 +08:00 via Android

@caqiko vue 可以学一学吧，学一天试试？毕竟 jq 也挺复杂的，然后照着作者的那几篇手膜手文章就学会前后端分离的 admin 如何写了。

hanxiV2EX

2021-12-09 10:09:44 +08:00 via Android

前端发展太快，我还没学会 css 。。。