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

不会前端的后端如何优雅地开发个人项目?

  •  
  •   lookStupiToForce · 2022-10-25 10:03:25 +08:00 · 11016 次点击
    这是一个创建于 761 天前的主题,其中的信息可能已经有所发展或是发生改变。

    (没有搜到类似问题,所以看到这个问题 [不会后端的前端如何优雅地开发个人项目?] 就恬不知耻地镜像了一个

    我知道有很多前端框架,但也是必须自学一门前端语言 /UI 语言才能做调整?

    79 条回复    2022-10-26 22:52:40 +08:00
    listkun
        1
    listkun  
       2022-10-25 10:08:18 +08:00   ❤️ 1
    HTML 很简单
    ZSeptember
        2
    ZSeptember  
       2022-10-25 10:09:56 +08:00   ❤️ 1
    只是用用框架还是简单的,找一个模板,然后依样画葫芦改改
    不过不会写样式的话,只能写写后台管理系统这种了,或者简单的 C 端产品,应该做不了复杂的 C 端产品。
    garlics
        3
    garlics  
       2022-10-25 10:11:22 +08:00
    yuyue001
        4
    yuyue001  
       2022-10-25 10:11:31 +08:00   ❤️ 2
    antd 就是干,看一遍 react 文档,就能上手。
    JDog
        5
    JDog  
       2022-10-25 10:13:19 +08:00   ❤️ 7
    sunhuawei
        6
    sunhuawei  
       2022-10-25 10:13:35 +08:00   ❤️ 1
    半年前我也有同样的疑问,后来自学了 css js react ,个人项目够用
    DefoliationM
        7
    DefoliationM  
       2022-10-25 10:13:53 +08:00
    你和主页楼上的搭一对就行了
    shinession
        8
    shinession  
       2022-10-25 10:14:18 +08:00
    结对子吧, 更简单
    Sakura831143
        9
    Sakura831143  
       2022-10-25 10:16:24 +08:00
    跟楼上的搭伙吧
    lookStupiToForce
        10
    lookStupiToForce  
    OP
       2022-10-25 10:19:11 +08:00
    @JDog #5
    @DefoliationM #7
    @shinession #8
    @Sakura831143 #9
    都说是个人项目了,这一搭伙儿就感觉要搞成团队项目...
    coder001
        11
    coder001  
       2022-10-25 10:22:43 +08:00   ❤️ 2
    答案:使用 Blazor 。
    前后端都是 C♯,只需要糊部分 JavaScript 就可以用起来,干了好多年的 .NET 后端, 总算盼到能在浏览器运行 C♯ 代码了。
    目前已经做了多个玩具项目,并且有应用在商业项目的打算
    cokepro
        12
    cokepro  
       2022-10-25 10:22:50 +08:00   ❤️ 1
    简单项目试试这个 amis ,感觉还不错。用 json 写前端。
    xwayway
        13
    xwayway  
       2022-10-25 10:25:42 +08:00   ❤️ 1
    amis ,个人负责公司内部项目,已经在用了
    fiypig
        14
    fiypig  
       2022-10-25 10:33:00 +08:00
    学下 vue 然后 uniapp 一把梭
    LindsayZhou
        15
    LindsayZhou  
       2022-10-25 10:36:54 +08:00   ❤️ 2
    写 HTML CSS ,不用 JS 。
    SourceHut https://sr.ht
    我的博客 https://lin.moe 和文档 https://io.lin.moe/n/ (用的 https://simplecss.org
    都是没有 js 的。

    CSS 的 flex 和 grid 写起来还是比较简单的。我现在也更喜欢这种朴素的风格,不需要太多花里胡哨的东西也可以很优雅。
    kongkongyzt
        16
    kongkongyzt  
       2022-10-25 10:41:54 +08:00   ❤️ 3
    作为后端,我会使用 React 和各种组件 TDesign, Antd ,elementUI ,但是我还是写出了巨丑无比的前端页面,真的很难看。。。。。。。。
    我觉得重要的是懂设计
    gowk
        17
    gowk  
       2022-10-25 10:52:40 +08:00   ❤️ 6
    我的答案是 Go + HTML Template + Vue
    你看看这个网站(有源码) http://demo.goedge.cn/
    你就知道后台管理系统能做到多优雅了
    跟 Element UI 、Antd 相比,我觉得 goedge 这种是最最优雅的方式
    把它的源码吃透,自己一个人可以用 Go Vue Semantic 做出相当漂亮的 Web 应用
    没有太复杂的技术,基本上就是那 Vue 当一个模板引擎来用
    但是它内部封装的相当漂亮,我最新的系统都参考它来实现了
    idblife
        18
    idblife  
       2022-10-25 10:57:18 +08:00   ❤️ 1
    百度的 amis
    还可以
    idblife
        19
    idblife  
       2022-10-25 11:00:33 +08:00
    @gowk
    http://demo.goedge.cn/
    确实不错,看的我都想学学 vue 了,哈哈
    jeesk
        20
    jeesk  
       2022-10-25 11:03:45 +08:00   ❤️ 1
    开发可以, 优雅可能不行, 这个需要审美, 大多数后端程序员都没有审美. 或者说, 你的界面简单, 极简风格也是一种优雅。
    chloerei
        21
    chloerei  
       2022-10-25 11:04:49 +08:00   ❤️ 3
    用 bootstrap 足够做出实用的界面了。

    用你熟悉语言的全栈框架,不要搞前后端分离。
    z0wjqnxi
        22
    z0wjqnxi  
       2022-10-25 11:05:14 +08:00   ❤️ 1
    感觉 css 比 js 难。。。
    likunyan
        23
    likunyan  
       2022-10-25 11:10:14 +08:00   ❤️ 2
    我在用 Laravel 和 React ,一个实验室,写点 Canvas 、WebSocket 、小游戏、一些 DEMO ,一些自己需要用的东西,比如停车监控,服务器监控,API ,文章等等,如果你要写 React ,可以一起。
    cmdOptionKana
        24
    cmdOptionKana  
       2022-10-25 11:25:44 +08:00
    这问题问的…… 要么自己学会,要么以某种形式请人帮忙做,难道还有第三条路?
    jeesk
        25
    jeesk  
       2022-10-25 11:35:00 +08:00   ❤️ 1
    @chloerei 前后端分离, 步骤多, 但是调试简单。 要是用其他的比如 php + html 混合开发, 题主会更加难受。
    lookStupiToForce
        26
    lookStupiToForce  
    OP
       2022-10-25 11:42:30 +08:00
    @cmdOptionKana 不是,问个问题当然是为了集思广益,增广见闻啊,万一有啥好的后端程序员可直接用的甚至低代码无代码解决方案呢(。
    不过现在都不用万一了,我看到前面的回复中已经有些比较好的简化方案了,比如 amis
    lookStupiToForce
        27
    lookStupiToForce  
    OP
       2022-10-25 11:54:39 +08:00
    @kongkongyzt #16 其实说到设计,我在 v 站就看过 v 友搬出来某个游戏大牛的名言,原话记不清了,大致类似下面这样:

    “一个立志做游戏的独立游戏开发者应该尽快做出他人生中的前 10 个游戏,因为前期他做的游戏无论是啥都是 shit”

    🤣感觉各种设计类别其实都大差不差,共勉吧
    gowk
        28
    gowk  
       2022-10-25 12:00:22 +08:00   ❤️ 2
    @idblife
    现在看到很多开源 Element UI/Plus 、Antd 写的后台管理系统,都想吐
    千篇一律的界面,混乱的逻辑,页面大段的留白……
    我纳闷怎么都这么丑,我是后端,不太懂前端
    知道 goedge 之后,开始研究它的源码,是我喜欢的全栈开发的方式
    适合一个人或者几个后端一起开发项目,只需要很少的前端知识
    基本上你只要写过 JS ,略懂 Vue ,就能做出相当漂亮优雅的界面
    用过 Bootstrap 也能快速上手 Semantic
    有人说 Semantic 已经没人开发维护了,不够潮
    但是我想说用它做出来的界面,比 Ele Antd 之流好看一万倍
    后端开发写界面不要追新,你老老实实把 JS 基础学好,把操作逻辑,业务流程梳理好
    老的 CSS 框架照样能写出漂亮的 UI
    看 goedge 作者的代码,封装逻辑,可以学到很多,感谢作者刘祥超(好像是浙大毕业的
    jiangzm
        29
    jiangzm  
       2022-10-25 12:18:01 +08:00
    @gowk 有自己的喜好是好事,但你的喜好仅仅是你的喜好。你不喜欢主流的东西不是主流有问题,AntD 、Element 都是很优秀的 UI 框架,可以搭建你自己想要的风格,前提有这个能力。
    dcsuibian
        30
    dcsuibian  
       2022-10-25 12:28:35 +08:00   ❤️ 1
    学啊。
    先把 html 、css 、js 系统过一遍,《 Head First HTML and CSS 》、《精通 CSS 》。js 更重要,es5 、es6 ,建议看阮一峰的教程。
    接下来就是框架,vue 或 react 全家桶,找个 B 站点击量高的视频看。推荐 react (和 ts 配合好,容易维护),但 react 的配套非常乱。另外一些周边的 Nodejs 、TypeScript 官网手册过一遍就好。我觉得写中后台用阿里的 antd 那一套应该没有问题,如果定制性更高的话,还是得自己来。
    有时间还可以用 Figma 做一下辅助。


    还有一种方法是别写了,我之前也想写个人项目练手,发现前端码代码花的时间比后端多多了,因此就搁置了。
    jeesk
        31
    jeesk  
       2022-10-25 12:31:28 +08:00
    @gowk 审美问题是主观, 不强求他人。
    bakaft
        32
    bakaft  
       2022-10-25 12:34:46 +08:00   ❤️ 1
    设计可能是一个问题,但是实现绝对不难。
    现在前端想做出个东西来很简单,花半天读一下 Vue+ElementPlus 文档,很容易上手
    gowk
        33
    gowk  
       2022-10-25 12:43:01 +08:00
    @jiangzm
    @jeesk
    不否认这些优秀的 UI 框架,个人喜好问题
    没有精力再去学前端的东西了,<script>引入 Vue 直接开干
    dayeye2006199
        34
    dayeye2006199  
       2022-10-25 12:49:57 +08:00 via Android
    Bootstrap 一把梭
    XiLingHost
        35
    XiLingHost  
       2022-10-25 12:52:01 +08:00   ❤️ 1
    你可能不是不会前端,只是不会设计
    我也是一个基本不写前端的开发者,但是如果有合适的原型,要实现比较简单的前端还是很容易而快速的,问题就在于我们其实想象不出什么样的原型适合用户
    xuanbg
        36
    xuanbg  
       2022-10-25 13:35:41 +08:00   ❤️ 1
    页面设计还是挺简单的,js 的 3 大框架学起来也不难。难得是实现优雅的交互!
    kltt22
        37
    kltt22  
       2022-10-25 14:18:20 +08:00
    @idblife 欣赏不来,感觉像上世纪的产物
    idblife
        38
    idblife  
       2022-10-25 14:32:18 +08:00 via iPhone
    @kltt22
    审美不同
    这种风格的企业后台比较实用
    526326991
        39
    526326991  
       2022-10-25 14:36:38 +08:00
    https://www.primefaces.org/showcase/ui/data/diagram/basic.xhtml
    可以试试 jsf 框架 都有很成熟的组件 当然你也可以自己写组件
    FrankHB
        40
    FrankHB  
       2022-10-25 14:42:01 +08:00   ❤️ 1
    你可以先放置 GUI 。做 CLI 工具没那么多有的没的。
    这是考虑到你若不愿意接受 @dcsuibian “别写了”的建议以后的最现实合理的挣扎。
    cookgo
        41
    cookgo  
       2022-10-25 15:25:37 +08:00
    html+css+jquery 或者,cli......
    neptuno
        42
    neptuno  
       2022-10-25 15:26:52 +08:00 via iPhone
    可以试试 flutter
    yph007595
        43
    yph007595  
       2022-10-25 16:13:59 +08:00   ❤️ 1
    react 很符合后端程序员,非常简单,容易上手
    nomagick
        44
    nomagick  
       2022-10-25 16:21:44 +08:00
    @gowk 你说的这个项目的这种方式不就是最传统的 HTML 渲染吗。。
    一般我们把它叫做 PHP 。。。
    gowk
        45
    gowk  
       2022-10-25 16:26:08 +08:00
    @nomagick
    emm...我猜这个项目应该就是原来的 PHP 拿 Go 重写的~
    sibowen
        46
    sibowen  
       2022-10-25 16:35:22 +08:00
    @cokepro mark
    inhons
        47
    inhons  
       2022-10-25 16:37:33 +08:00 via Android   ❤️ 1
    Prisma + MongoDB Altas + SvelteKit / Next.js

    我的网站就用 SvelteKit 做的,虽然没接数据库,欢迎访问 https://uimo.dev
    inhons
        48
    inhons  
       2022-10-25 16:42:20 +08:00 via Android
    #47 抱歉,哈哈,看成「不会后端的前端」那个贴子了
    clino
        49
    clino  
       2022-10-25 16:49:41 +08:00   ❤️ 2
    https://mp.weixin.qq.com/s/MuwyfbT5eg0QfRpqF18eJg Htmx 意外走红,我们从 React“退回去”后:代码行数减少 67%,JS 依赖项从 255 下降到 9
    htmx 看起来是适合后端使用的前端框架

    https://htmx.org/
    chocotan
        50
    chocotan  
       2022-10-25 16:55:53 +08:00
    bootstrap 就行
    RRyo
        51
    RRyo  
       2022-10-25 17:02:28 +08:00   ❤️ 1
    https://github.com/RyoLee/emby-danmaku
    来跟我一把梭🙏🙌
    (呼叫前端支援,呼叫前端支援
    wanganjun
        52
    wanganjun  
       2022-10-25 17:09:25 +08:00
    据说,Java 或者 C#系的后端,适合用 angular ,因为很多概念都一样。
    kuxuan
        53
    kuxuan  
       2022-10-25 17:14:29 +08:00   ❤️ 1
    我正在开发一套后台管理系统 Vue3 + element plus + tailwindcss:
    https://tanxiaoqing.top;

    目前已经完成部分组件:列表、表单、图表等,目前已拥有动态加载路由、权限、国际化等功能。
    beisilu
        54
    beisilu  
       2022-10-25 17:15:32 +08:00
    别用 html ,用 kotlin compose 、flutter 或者 c#系的框架。
    kuxuan
        55
    kuxuan  
       2022-10-25 17:16:38 +08:00
    开发完成,我会将代码开源,如果大家有需要的功能,可以给我留言。
    Sain
        56
    Sain  
       2022-10-25 17:27:43 +08:00
    lowcode
    Hyakutake
        57
    Hyakutake  
       2022-10-25 17:38:41 +08:00
    mark 一下,我也想知道答案
    mht
        58
    mht  
       2022-10-25 17:42:04 +08:00   ❤️ 1
    设计外包

    有设计图以后前端其实不难。。。

    感觉大多人都可以写出界面,只是难在写出好看的页面
    comlewin
        59
    comlewin  
       2022-10-25 18:07:34 +08:00
    @gowk 这个系统的页面点击菜单或者页签跳转时,会全屏的闪一下,点快点,闪瞎啊
    brader
        60
    brader  
       2022-10-25 18:15:58 +08:00
    你是写 js 的不,是的话,使用 node 呗,学习成本没那么高,熬一熬就过去了
    gowk
        61
    gowk  
       2022-10-25 19:08:56 +08:00
    @comlewin
    这不是单页应用( SPA )都是 server side rendering ,不闪才不正常 😂
    lookStupiToForce
        62
    lookStupiToForce  
    OP
       2022-10-25 19:14:25 +08:00
    @brader #60 很可惜不是
    是的话很大可能就压根不会问了啊😂会 js 的话全栈解决方案那么多
    lawler
        63
    lawler  
       2022-10-25 20:32:10 +08:00
    看了眼 amis ,这不就是 extjs 的 json 版嘛。
    chaleaochexist
        64
    chaleaochexist  
       2022-10-25 20:38:45 +08:00
    个人项目如果是博客的话可以纯 HTML
    有人这么写而且还很火.
    博客的内容比 UI 更重要.
    nkidgm
        65
    nkidgm  
       2022-10-25 21:22:57 +08:00   ❤️ 2
    这么多层楼了,居然还没看到有人提到 vaadin ,用 Java 写网页,用户交互事件处理逻辑都在后端。

    那个写法和原生 Java 写安卓一样,熟悉 Android 的会感到非常亲切,特别是写动态布局,简直一毛一样。

    我写惯 Java 后端和安卓,也苦恼是否再花时间去学前端技术,事实上,没太大必要的。
    ggbond2
        66
    ggbond2  
       2022-10-25 21:40:23 +08:00   ❤️ 1
    推荐低代码: 码匠(majiang.co),会一些简单的 js 语法就行 。
    yagamil
        67
    yagamil  
       2022-10-25 21:56:00 +08:00   ❤️ 1
    以前我也问过。

    https://www.v2ex.com/t/874944#reply43

    要搞前端什么的,html JS 应该是绕不过的,它们是其他框架的基石。
    renhou
        68
    renhou  
       2022-10-26 08:10:23 +08:00   ❤️ 1
    我是前端,技术真不难,就是设计
    如果有设计师,或者自我己设计,然后开发一般效果都不错
    如果不懂设计的人说做个 xx 网站吧,然后按照他的想法直接干大概率比较难看

    逛 github 我见过许多国内外后端老哥的网站,更验证了设计更难这一点
    你要做的这个网站的目的是什么?要展示什么?
    如果展示技术说实话界面难看也无所谓,如果是想做一个服务那么还是建议学一下设计或参考现成的网站做
    gongquanlin
        69
    gongquanlin  
       2022-10-26 08:39:10 +08:00   ❤️ 1
    laravel 的话试试 dcat admin
    其他的还是 tailwindcss + 抄袭 dribbble 、ui.cn 之类的现成作品
    poorcai
        70
    poorcai  
       2022-10-26 09:34:34 +08:00
    其实都不是前端开发的问题,我个人觉得完全是设计的问题,看我之前的问题:[诚心问:后端大佬们都是怎么做网页设计的?]https://www.v2ex.com/t/883733
    simo
        71
    simo  
       2022-10-26 09:51:45 +08:00
    https://v2ex.com/t/889578 你俩组队吧 同时上榜
    Rebely
        72
    Rebely  
       2022-10-26 11:33:39 +08:00
    @gowk semantic 社区有 fork 了,fomantic UI , 活跃度还可以
    StarXing
        73
    StarXing  
       2022-10-26 12:06:32 +08:00
    @nkidgm 我也是搞 Android 的,感谢分享。最近也在搞个人项目,后端应该怎么选择?
    xboxv
        74
    xboxv  
       2022-10-26 12:26:00 +08:00 via Android
    Bootstrap jQuery 一把梭
    xboxv
        75
    xboxv  
       2022-10-26 12:26:59 +08:00 via Android
    像 vue 这种前后端分离 是不是不好做 搜索引擎搜索优化??
    gowk
        76
    gowk  
       2022-10-26 14:57:34 +08:00
    @Rebely #72
    太棒了,感谢分享
    nkidgm
        77
    nkidgm  
       2022-10-26 16:22:21 +08:00
    @StarXing 后端 Java 毫无疑问,vaadin 就是 Java 前后端一条路走到底!
    arnosolo
        78
    arnosolo  
       2022-10-26 19:43:36 +08:00
    好家伙, 我正好是后端不会
    StarXing
        79
    StarXing  
       2022-10-26 22:52:40 +08:00
    @nkidgm 就怕社区对这方面的支持太少了,毕竟我技术也是个三流选手,要经常 CTRL C V 。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2756 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 10:12 · PVG 18:12 · LAX 02:12 · JFK 05:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.