用 vue 开发出一个完整的前端网站,需要学哪些? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
nextone
V2EX    Vue.js

用 vue 开发出一个完整的前端网站,需要学哪些?

  •  
  •   nextone 2024-06-12 13:50:31 +08:00 2357 次点击
    这是一个创建于 487 天前的主题,其中的信息可能已经有所发展或是发生改变。

    目前已经初步掌握前端 HTML 、CSS 和 JS ,能够开发一个个单独的页面,但是不知道怎么能整合做出一个完整的前端网站?我现在打算学习 vue ,学习 vue 后就能解决我面临的问题吗?又应该学习 vue 哪些知识呢?

    17 条回复
    ZnductR0MjHvjRQ3
        1
    ZnductR0MjHvjRQ3  
       2024-06-12 14:13:43 +08:00
    需要学习 vue
    AV1
        2
    AV1  
       2024-06-12 14:25:07 +08:00
    "前端网站"是指不含数据库、后端服务的“纯静态网站”吗?
    Jinkeup
        3
    Jinkeup  
       2024-06-12 14:37:14 +08:00
    如果你的网站只希望展示图片视频文字,你现在掌握的就够了,如果想和 v 站一样具有用户功能或其他一些查询相关的动态请求,那你应该还需要学会后端相关的知识,另外 linux 服务器,web 服务器这些也应该看看 这些是一个网站运行起来的重点
    JoryJoestar
        4
    JoryJoestar  
       2024-06-12 14:50:35 +08:00
    可以,vue3 语法,一些 UI 库,就够了。
    nextone
        5
    nextone  
    OP
       2024-06-12 14:52:51 +08:00
    @DOLLOR 动态的,困惑的是:1.无法把这些知识串联起来做一个完整的前端项目,只会做单独的页面。2.找不到合适的前端实战项目(带源码的)
    nextone
        6
    nextone  
    OP
       2024-06-12 14:54:25 +08:00
    @Jinkeup 后端的 python 框架也有所了解,但是目前对网站制作依然有困惑,没有找到合适的实战项目,把这些知识串联起来。主要困惑的就是:前端页面怎么组织,我只会做一个单独的页面。
    nextone
        7
    nextone  
    OP
       2024-06-12 14:55:06 +08:00
    @JoryJoestar UI 库是指 elementPlus 吗
    stew5566
        8
    stew5566  
       2024-06-12 15:28:12 +08:00
    不知道怎么能整合做出一个完整的前端网站?
    给个建议就是最好是抄一个后台管理系统,打开搜索引擎,然后搜索后台管理系统,看哪个顺眼抄那个,如果都需要登录就上 github 上搜 vue3-admin 之类的。
    串不起来页面,就先抄别人家的业务学习,这样比较快,等于是别人帮你把业务梳理出来了
    Jinkeup
        9
    Jinkeup  
       2024-06-12 16:01:44 +08:00
    @nextone 纯野? 页面组织 vue 官网会告诉你的,可以把你现在写的单独页面作为组件使用,然后一个页面中插入多个页面组件,然后通过路由进入不同的页面,这应该是你说的组合意思, 项目的话,感觉你不是很了解网站运行方面,建议找个前后端分离的博客项目入手先部署跑起来知道如何运行,搞明白前端和后端的关系,最后你打算学的 vue 本质上就是一个单页面
    jones2000
        10
    jones2000  
       2024-06-12 17:46:43 +08:00
    不建议用 vue 学, 直接学 js 比较有用, 就像考驾照一样, 一般都学手动档, 然后自己开车用自动档。
    chenxishen
        11
    chenxishen  
       2024-06-12 18:08:07 +08:00
    github 上特别多项目呀,去找一找 跑起来看看就知道了
    xiaoming1992
        12
    xiaoming1992  
       2024-06-12 19:13:28 +08:00 via Android
    建议玩一玩 nextjs + prisma ,对照 nextjs 官网文档,能同时熟悉前端、后端、数据库、网站部署等整套流程,完成“一个完整的网站”
    Chuckle
        13
    Chuckle  
       2024-06-12 20:09:00 +08:00
    vue 是前端框架,完整的网站还包含后端,通过浏览器提供的 ajax 或 fetch 这两 api 发 HTTP 请求到后端的对应接口以获取资源。前端可以分为多页和单页应用,简单理解:一个个 html 写就是多页,通过 a 标签跳转,pjax 实现无刷更新。vue 是单页应用,只有一个 html ,靠 js 去控制浏览器路由。如果只是想打通前后端交互的逻辑,还不急去学 vue ,前后端交互初步概念 https://www.qcqx.cn/article/709b5ecb.html
    当然实际开发一个个 html 写就太繁琐了,通常是上 webpack 工程化,利用模板引擎,npm 管理依赖。更流行的就是 vue 、react 这些单页应用。
    Yanlongli
        14
    Yanlongli  
       2024-06-13 09:18:47 +08:00
    最基础的:HTML 、CSS 、JS + VUE
    mmdsun
        15
    mmdsun  
       2024-06-13 09:23:23 +08:00
    其实 HTML 、CSS 和 JS 这个学完就可以开发独立页面了。以前没有 vue 的时候,用这些就可以做网站了。哪个时候没有组件化都是用 iframe 和 frameset 或 jsp \asp 之类的。现在可以用 HTML5 Web Components
    Hopetree
        16
    Hopetree  
       2024-06-13 11:12:07 +08:00
    做个导航网站吧,数据可以动态加载,做完还可以直接部署使用,也能熟悉 vue ,我最开始学习就是自己写了一个导航站,直接边做边学,效率很高,vue 入门很简单
    hwf
        17
    hwf  
       2024-06-13 14:06:43 +08:00
    只要三把斧一样可以做
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2731 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 07:35 PVG 15:35 LAX 00:35 JFK 03:35
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86