themeleaf的使用场合问题与vue的使用

目前使用spring-boot一般使用themeleaf作为前端模板展示,那么又有很多前端框架
做的也很不错,比如vue.js.我可以使用spring-boot返回json数据给前端,由vue解析json
数据展示.那么问题来了,这两个选哪个好?

1个回答

框架选择都是没有好的,只有合适的。
themeleaf绑定数据相对方便,后端同学都得心应手。
vue前端效果很好,有利于前后台分离。如果公司前端力量比较强推荐vue,做前后台分离。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue的data怎么使用js中的数据
```javascript new Vue({ el:'#test', data:{} }) ``` 这上面的data能不能使用另一个js文件的 ```javascript var obj = { data:[{ a:123, b:234 },{ a:789, b:654 }] } ``` 这种数据? 怎么引入? 求大佬QAQ
vue中使用interceptors拦截器
vue中使用interceptors拦截器设置了请求头token,但是token的位置总是在路径的前面,这个怎么处理。
Vue项目的 axios使用问题
## 背景: VsCode + Element-Ui + Vue脚手架 ## 目的:搭建一个前端登入页面 ## 问题:用axios调用api出现问题,问题定位不清 **已在main.js文件中引入axios** ``` import axios from 'axios' import qs from 'qs' Vue.prototype.$axios = axios Vue.prototype.qs=qs ``` **前端断点出现问题和报错图片:** ![图片说明](https://img-ask.csdn.net/upload/201911/07/1573094660_374330.jpg) ![图片说明](https://img-ask.csdn.net/upload/201911/07/1573094667_264214.jpg)
vue项目不使用cli/npm的情况下怎么打包
vue项目不使用cli/npm的情况下怎么打包,直接在html里写的
vue中使用element-ui,使用路由功能时报错。
``` <script> import $ from "jquery"; import router from "vue-router"; export default { name:'app', router, components:{}, mounted(){ $(".navLeft").height($(window).height()-50); } }; </script> ``` 上面是App.vue中的js代码。 ``` <el-menu :router="true" background-color="#F5F5F5" class="el-menu-vertical-demo" default-active="1"> <el-submenu index="/user"> <template slot="title"> <i class="el-icon-user"/> <span>用户管理</span> </template> <el-menu-item-group> <el-menu-item index="/user/findAll"><i class="el-icon-setting"/>查看用户信息</el-menu-item> <el-menu-item index="/user/addUser"><i class="el-icon-setting"/>添加用户信息</el-menu-item> <el-menu-item index="/user/modifyUser"><i class="el-icon-setting"/>修改用户信息</el-menu-item> <el-menu-item index="/user/deleteUser"><i class="el-icon-setting"/>删除用户信息</el-menu-item> </el-menu-item-group> </el-submenu> </el-menu> ``` 上面是html模板,使用的是导航栏,想在导航栏中使用路由功能,但是在点击导航菜单的时候提示“element-ui.common.js”的3376行报错。 ![图片说明](https://img-ask.csdn.net/upload/202001/12/1578821090_812757.png) 请问这个该怎么解决? 网上找了好多,都不是这种的。
关于vue使用vue-video-player无法播放视频的问题
vue-video-player正常全局加载后 并使用却无法加载本地MP4的视频 本地MP4视频放在同级别目录下 ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573899078_715017.png) 资源路劲配置 ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573899045_399805.png) 视频播放的时候显示无法加载 不支持 ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573899198_48691.png) 控制台输出 ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573899227_712565.png) 浏览器播放MP4视频是可以的 换成其他本地资源路劲也是一样问题 求问怎么解决
vue使用v-for循环直接使用方法获得的数组问题
vue使用v-for循环直接使用方法获得的数组,代码 ``` <div id="test"> <select placeholder="请选择"> <template v-for="(item,index) in getList('a')"> <option v-if="item" :label="item" :value="item"></option> </template> </select> <input v-model="str"/> </div> <script> var test = new Vue({ el:"#test", data:{ arr:{ a:[1,2,3,4], b:[5,6,7,8] }, str:"" }, methods:{ getList:function(name){ return this.arr[name] } } }) </script> ``` 像这样,只要整个test发生变化就会调用getList方法,就比如我在input输入也会调用getList,各位大神有解决方法吗
vue项目build后请求404
我前端使用vue,后端使用java开发的前后端分离的小项目。 前端完事以后用npm run dev都能正常运行。 但是使用npm run build打包后放在tomcat上访问却出问题了。 界面可以打开,资源也加载了。但是在向后端发送请求时,却报错了。我用的axios请求。 情况如下: <br> Failed to load resource: the server responded with a status of 404 () Error: Request failed with status code 404 at FtD3.e.exports (vendor.b3fd7698053a850e233d.js:43) at e.exports (vendor.b3fd7698053a850e233d.js:13) at XMLHttpRequest.f.onreadystatechange (vendor.b3fd7698053a850e233d.js:19) 我搜索了一下没有什么收获。问题的关键在于后端没问题,dev时请求没问题,就是build时请求404。 求好心人指点。 <br> <hr> <br> ![图片说明](https://img-ask.csdn.net/upload/202001/13/1578882449_857485.png) 今天我再调试,发现错误有了一点变化,主要是多了一个post请求地址,但是实际上这个地址是错误的。正确的应该是139.196.125.89:8080/lis_war/login。
使用Vue.extend动态创建的组件,怎么使用v-model接出值?
使用Vue.extend动态创建的组件,怎么在组件上设置v-model接出值,并监听
Vscode中vue的template无法使用tab键补全html代码
如题,网上有相关的解决方法,但使用后仍不生效,附setting.json设置 ``` { // vue提示配置   "emmet.syntaxProfiles": { "vue‐html": "html", "vue": "html" }, // 主题使用Vue Theme // "workbench.colorTheme": "Vue Theme", // 使用vetur格式化vue文件 "vetur.format.defaultFormatter.html": "prettyhtml", // 默认html的方法 // 自动保存时使用eslint标准格式化文件 "eslint.autoFixOnSave": true, // 自动保存时使用tslint标准格式化文件 "tslint.autoFixOnSave": true, // eslint标准检测(需要格式化的语言必须在这里添加,否则格式化无效) "eslint.validate": [ { "language": "vue", "autoFix": true }, { "language": "html", "autoFix": true }, { "language": "javascript", "autoFix": true }, { "language": "typescript", "autoFix": true }, { "language": "json", "autoFix": true } ], // vetur相关配置 "vetur.format.defaultFormatterOptions": { // "js‐beautify‐html": { // "wrap_attributes": "force‐expand‐multiline" // }, // vetur对html片段配置 "prettyhtml": { // 一行最长80个字符 "printWidth": 80, // 使用单引号 "singleQuote": false, "jsxBrackets": false, // "wrapAttributes": true, // 属性排序 "sortAttributes": false }, // vetur对js格式化配置 "prettier": { // 使用单引号 "singleQuote": true, // ' or "" "semi": false, // 分号 "eslintIntegration": true, // 走eslint } }, // tab键为2个空格长度 "editor.tabSize": 2, // 关闭,否则会影响eslint格式化配置 "editor.formatOnSave": false, // 编辑器字体大小 "editor.fontSize": 22, // 启用或禁用在 VS Code 中重命名或移动文件时自动更新 import 语句的路径。 "typescript.updateImportsOnFileMove.enabled": "always", "git.confirmSync": false, "emmet.triggerExpansionOnTab": true, // "editor.quickSuggestions": { // "other": true, // "comments": false, // "strings": true // } } ```
请教一种vue项目的语法
``` export function createArt(data) { return request({ url: '/article/create', method: 'post', data }) } ``` 这是在vue的项目中的一段代码,看不懂,怎么可以导出一个函数,这应该是导出 的是函数的返回值吧,也就是函数request()的结果,url里的路径,项目里根本就没有文件夹叫 article的呀,难道是动态生成的,下面的post是什么鬼,又不是发ajax请求,这种语法一般都是用来干什么的
vue项目代码分离,指定目录代码不打包
vue项目,想达到后端maven的pom效果,要编译哪个模块就编译哪个,而不是全部编译,该如何实现,请大神支招
其他非vue页面传给vue页面隐式post参数,似乎行不通,怎么解决呢
其他非vue页面传给vue页面隐式post参数,似乎行不通,怎么解决呢
vue-cli + ts 使用CDN时报错,请问各位大佬如何解决?
### 使用vue-cli新建了一个项目,启用了TypeScript 当我尝试将vue、vuex 使用CDN 导入的时候做了如下操作 + 删除了 **package.json** 中的依赖 + 在 **index.html ** 中写入cdn ![图片说明](https://img-ask.csdn.net/upload/201912/23/1577067141_320744.png) + 在 **vue.config.js** 中写入 ``` configureWebpack: (config) => { //入口文件 config.entry.app = ['babel-polyfill', './src/main.ts']; //只有打包生产环境才需要将console删除 if (process.env.NODE_ENV == 'production') { config.plugins = [...config.plugins, ...plugins]; } // CDN config.externals = { 'cdnVue': 'Vue', } }, ``` ### 报错 ``` ERROR in E:/any pros/MyFactory/my_factory/src/main.ts(1,17): 1:17 Cannot find module 'cdnVue'. ```
在vue中使用axios做post请求的是a的路径,结果到了最后返回的是b的地址(login的信息)
求问大神 我使用的是vue中的axios进行post 请求 **请求的时候 post 请求的是a地址 但是为什么给我返回的是index的地址(我去打开之后是这个网站的首页)** ---跨域问题已经解决--- 我很懵逼 求好心人指点 谢谢!
vue引入ts main.ts报错
vue引入ts main.ts报错: unused expression, expected an assignment or function call ``` import Vue from 'vue' import App from '@/App.vue' import router from '@/router/index.ts' new Vue({ el: '#app', router, components: { App }, template: '<App/>' }) ``` npm run dev 运行后 ``` WARNING Compiled with 1 warnings 11:16:22 AM warning in ./src/main.ts [8, 1]: unused expression, expected an assignment or function call ```
vue-lazyload不同图片使用不同filter
我的页面里有多个图片来源,且有不同的src处理方式,但是貌似vue-lazyload会把所有的filter都执行一次,可不可以指定那些图片使用指定filter呢?
VUE项目,子组件无法调用父组件的方法,this.$parent、this.$emit 都不行
原本是想要用这个子组件去调用父组件的方法,但是用VUE的三种调用方法都无法实现,想问一下还有没有什么方法能让我 在子组件的点击事件里,成功调用父组件的方法的。 ![父组件](https://img-ask.csdn.net/upload/202001/14/1578969855_255466.png) ![子组件](https://img-ask.csdn.net/upload/202001/14/1578969871_100985.png)![子组件的JS代码](https://img-ask.csdn.net/upload/202001/14/1578969877_431503.png)
vue怎么实现跳转同一个路由的时候刷新当前路由
vue怎么实现跳转同一个路由的时候刷新当前路由,因为我是父级路由做了个筛选栏,需要传不同值到子路由
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 free -m 其中:m表示兆,也可以用g,注意都要小写 Men:表示物理内存统计 total:表示物理内存总数(total=used+free) use...
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入 假设现有4个人...
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发...
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 演示地点演示 html代码如下` music 这个年纪 七月的风 音乐 ` 然后就是css`*{ margin: 0; padding: 0; text-decoration: none; list-...
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。
数据库优化 - SQL优化
以实际SQL入手,带你一步一步走上SQL优化之路!
通俗易懂地给女朋友讲:线程池的内部原理
餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”
经典算法(5)杨辉三角
杨辉三角 是经典算法,这篇博客对它的算法思想进行了讲解,并有完整的代码实现。
使用 Docker 部署 Spring Boot 项目
Docker 技术发展为微服务落地提供了更加便利的环境,使用 Docker 部署 Spring Boot 其实非常简单,这篇文章我们就来简单学习下。首先构建一个简单的 S...
英特尔不为人知的 B 面
从 PC 时代至今,众人只知在 CPU、GPU、XPU、制程、工艺等战场中,英特尔在与同行硬件芯片制造商们的竞争中杀出重围,且在不断的成长进化中,成为全球知名的半导体公司。殊不知,在「刚硬」的背后,英特尔「柔性」的软件早已经做到了全方位的支持与支撑,并持续发挥独特的生态价值,推动产业合作共赢。 而对于这一不知人知的 B 面,很多人将其称之为英特尔隐形的翅膀,虽低调,但是影响力却不容小觑。 那么,在...
面试官:你连RESTful都不知道我怎么敢要你?
干货,2019 RESTful最贱实践
刷了几千道算法题,这些我私藏的刷题网站都在这里了!
遥想当年,机缘巧合入了 ACM 的坑,周边巨擘林立,从此过上了"天天被虐似死狗"的生活… 然而我是谁,我可是死狗中的战斗鸡,智力不够那刷题来凑,开始了夜以继日哼哧哼哧刷题的日子,从此"读题与提交齐飞, AC 与 WA 一色 ",我惊喜的发现被题虐既刺激又有快感,那一刻我泪流满面。这么好的事儿作为一个正直的人绝不能自己独享,经过激烈的颅内斗争,我决定把我私藏的十几个 T 的,阿不,十几个刷题网...
白话阿里巴巴Java开发手册高级篇
不久前,阿里巴巴发布了《阿里巴巴Java开发手册》,总结了阿里巴巴内部实际项目开发过程中开发人员应该遵守的研发流程规范,这些流程规范在一定程度上能够保证最终的项目交付质量,通过在时间中总结模式,并推广给广大开发人员,来避免研发人员在实践中容易犯的错误,确保最终在大规模协作的项目中达成既定目标。 无独有偶,笔者去年在公司里负责升级和制定研发流程、设计模板、设计标准、代码标准等规范,并在实际工作中进行...
SQL-小白最佳入门sql查询一
不要偷偷的查询我的个人资料,即使你再喜欢我,也不要这样,真的不好;
redis分布式锁,面试官请随便问,我都会
文章有点长并且绕,先来个图片缓冲下! 前言 现在的业务场景越来越复杂,使用的架构也就越来越复杂,分布式、高并发已经是业务要求的常态。像腾讯系的不少服务,还有CDN优化、异地多备份等处理。 说到分布式,就必然涉及到分布式锁的概念,如何保证不同机器不同线程的分布式锁同步呢? 实现要点 互斥性,同一时刻,智能有一个客户端持有锁。 防止死锁发生,如果持有锁的客户端崩溃没有主动释放锁,也要保证锁可以正常释...
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // doshom...
Nginx 原理和架构
Nginx 是一个免费的,开源的,高性能的 HTTP 服务器和反向代理,以及 IMAP / POP3 代理服务器。Nginx 以其高性能,稳定性,丰富的功能,简单的配置和低资源消耗而闻名。 Nginx 的整体架构 Nginx 里有一个 master 进程和多个 worker 进程。master 进程并不处理网络请求,主要负责调度工作进程:加载配置、启动工作进程及非停升级。worker 进程负责处...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,...
程序员:我终于知道post和get的区别
是一个老生常谈的话题,然而随着不断的学习,对于以前的认识有很多误区,所以还是需要不断地总结的,学而时习之,不亦说乎
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1...
Java世界最常用的工具类库
Apache Commons Apache Commons有很多子项目 Google Guava 参考博客
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员...
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC...
【技巧总结】位运算装逼指南
位算法的效率有多快我就不说,不信你可以去用 10 亿个数据模拟一下,今天给大家讲一讲位运算的一些经典例子。不过,最重要的不是看懂了这些例子就好,而是要在以后多去运用位运算这些技巧,当然,采用位运算,也是可以装逼的,不信,你往下看。我会从最简单的讲起,一道比一道难度递增,不过居然是讲技巧,那么也不会太难,相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数,相信很多人都做过,一般的做法的代码如下...
为什么要学数据结构?
一、前言 在可视化化程序设计的今天,借助于集成开发环境可以很快地生成程序,程序设计不再是计算机专业人员的专利。很多人认为,只要掌握几种开发工具就可以成为编程高手,其实,这是一种误解。要想成为一个专业的开发人员,至少需要以下三个条件: 1) 能够熟练地选择和设计各种数据结构和算法 2) 至少要能够熟练地掌握一门程序设计语言 3) 熟知所涉及的相关应用领域的知识 其中,后两个条件比较容易实现,而第一个...
Android 9.0 init 启动流程
阅读五分钟,每日十点,和您一起终身学习,这里是程序员Android本篇文章主要介绍Android开发中的部分知识点,通过阅读本篇文章,您将收获以下内容:一、启动流程概述一、 启动流程概述Android启动流程跟Linux启动类似,大致分为如下五个阶段。1.开机上电,加载固化的ROM。2.加载BootLoader,拉起Android OS。3.加载Uboot,初始外设,引导Kernel启动等。...
相关热词 c# plc s1200 c#里氏转换原则 c# 主界面 c# do loop c#存为组套 模板 c# 停掉协程 c# rgb 读取图片 c# 图片颜色调整 最快 c#多张图片上传 c#密封类与密封方法
立即提问