用 springboot 写一个简单的 web 项目,不分离,搭配什么前端框架好?

2020-09-25 15:16:00 +08:00
 gransh
想自己独立完成一个 web 项目,自己对后端比较熟悉,前端那些一知半解。用的 springboot 框架,搭配什么前端 ui 类框架比较好,易于学习,界面美观的。
有推荐 vue-element-admin,查了查好像过于复杂(功能上的),而且还得单独部署的样子。
bootstrap 好像又过于简单了。
是不是 layui elementui 这种会比较合适一些?
另外对于前端的打包也不太了解,有没有集成到 springboot 项目里直接调用的?
7886 次点击
所在节点    Java
49 条回复
EminemW
2020-09-25 22:42:09 +08:00
还是分离吧,不要学 java 那些有的没的模板语言,没意义。vue 用 cdn 引入挺简单的
yeqizhang
2020-09-25 22:46:37 +08:00
elementUI 够简单的了,vue 真的是香。

我之前是在 jsp 里面用 jstl 和 easyUI 以及原生 js 的码农,后面半天就简单上手了 vue,去 tm 的操作 dom
MoreSunshine
2020-09-25 22:47:12 +08:00
react 或 vue 前端发展必然趋势,越逃避越不会 越不会越会被淘汰
yeqizhang
2020-09-25 22:52:46 +08:00
@EminemW 我就说用引入方式的,作为后端开发还真不会模块化开发……
zzl22100048
2020-09-26 02:14:48 +08:00
AlpineJS + TailWindCSS
fox0001
2020-09-26 08:09:55 +08:00
不推荐 jQuery 了,还不如直接 JavaScript 原生。简单项目的话,找个开源的 CSS 项目就好了
heiybb
2020-09-26 08:56:21 +08:00
Vuetify 自己手动撸一个 很快的
KuroNekoFan
2020-09-26 08:59:31 +08:00
gwt
xgq89757
2020-09-26 09:18:41 +08:00
ant design pro
ghost024
2020-09-26 09:35:15 +08:00
bootstrap+themeleaf 我一般都是找一个人家写好的 bootstrap 模板,然后用 themeleaf 改一下,超级好用
securityCoding
2020-09-26 10:04:55 +08:00
应该前后端分离 , 你提到的 vue-element-admin 单页面应用部署起来前端挂一个 ng 也很简单的
libook
2020-09-26 10:21:45 +08:00
没有明确需求就直接选型是大忌。

如果只是开发一些简单的交互页面的话,原生 JS 足以,document.querySelector()和 document.querySelectorAll()搞定元素选择,Element.classList 、HTMLElement.style 搞定样式变化;如果觉得用 fetch 麻烦的话,顶多加一个 Axios 。

建议以 WebComponents 的方式写,日后需求复杂了想引入框架会比较方便。

前端开发的知识可以去 MDN 上看,大多都有中文教程。
leafre
2020-09-26 10:26:42 +08:00
不分离就 jquery bootstrap/layui freemarker
huayumo
2020-09-26 12:43:32 +08:00
同意楼上的,jquery 和 bootstrap,这些东西对以后装组件很方便的
1oNflow
2020-09-26 13:15:31 +08:00
jQuery bootstrap mustache,我觉得是最简单的一套组合
40EaE5uJO3Xt1VVa
2020-09-26 13:17:59 +08:00
clf
2020-09-26 13:21:06 +08:00
前后端分离其实可以不需要单独部署的,把打包完的前端页面整合到 Springboot 里就好了。开发的时候前端用一下前端代理,部署直接 build 到项目的指定目录即可。

当然,如果是没接触过前端开发,用 jQuery 等挺好,先熟悉传统前端页面开发再去涉及 Vue 、React 、Angular 这些前端框架。

如果还在大学,方向是 Web 相关的,建议 Vue 、React 一定要学,毕竟不懂前端的后端以及不懂后端的前端,都是有一定发展限制的。
youla
2020-09-26 13:24:18 +08:00
可以引用 vue.min.js 做开发,比 jquery 方便感觉。
angryfish
2020-09-26 13:49:06 +08:00
我感觉楼主更想要的是 ui 组件,那用 lanui 吧
MisakaMikoto
2020-09-26 14:29:27 +08:00
用 parcel 打包,写个 main 文件,然后 import 按需加载模块页面文件。这样就可以写新特性了,也能用 npm 直接 import $ from 'jquery'

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

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

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX