草庐IT

vue前端

全部标签

java - 混合前端和服务器端技术(Spring、Thymeleaf、AngularJS)

我是网络应用程序开发的新手,正在尝试探索一些技术。我对Spring-MVC和AngularJS有一些(非常)小的经验。最近,我开始学习Thymeleaf。对这些技术有一些非常基本的了解,我正在尝试弄清楚是否以及如何联合使用它们。我知道有一些组合,例如作为Spring-MVCController的RESTAPI+作为使用给定数据的前端技术的AngularJS。这对于您的单页应用程序可能就足够了。但是包含许多页面的应用程序应该重用某些组件(例如导航栏)怎么办?在这些应用程序中包含安全机制怎么样?我刚刚知道存在Thymeleaf,它似乎是一个不错的模板引擎。到目前为止,我只用它为我的HTML

java - 带有 Java 和 ReactJS 服务器端渲染的微服务 UI 前端

我目前的设计是让客户端使用浏览器连接到我的(Java)WebAPI网关,WebAPI网关将调用每个(Java)微服务​​来获取它们的JSON数据并将其返回给发出请求的UI组件在客户端上。唯一的客户端渲染将来自每个ReactJSUI组件,用于对网关的重复请求。在服务器端,完整的HTMLView将在发送回客户端之前呈现。Clientbrowser▼(RequestDashboardView)WebAPIGateway▼(RequestmicroserviceJSONdata)MicroserviceAJSONDataMicroserviceBJSONDataMicroserviceCJSO

基于vue+Element UI的文件上传(可拖拽上传)

文章目录实现效果一、先创建一个Dialog对话框进行存放二、加入Upload上传组件1.HTML2.JavaScript总结实现效果一、先创建一个Dialog对话框进行存放template>!--导入遮罩层-->el-dialog:title="$t('to_lead')":visible.sync="BatchAdd"custom-class="BatcchAdd"width="30%":before-close="CloseBatcchAdd"> span>这是一段信息/span>spanslot="footer"class="dialog-footer">el-button@clic

Nginx同一端口部署多个前后端分离的vue项目

要用nginx容器部署多个前端项目可以采用监听端口,和基于location配置两种方法,我的nginx是使用docker部署的,启动的时候没有开多余的端口,所以采用location配置一个server下根据根路径不同分别代理访问不同项目。下面操练起来,问:把大象放冰箱?总共需要几步:三步!第一步:Nginx相关位置代码worker_processes1;events{worker_connections1024;}http{ client_max_body_size100m;includemime.types;default_typeapplication/octet-stream;sendf

java - 带有 Servlets/JSP 或其他前端框架的 JSF 或 MVC?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我正在使用Java开发社交网络应用程序。我需要为Web浏览器开发我的应用程序的前端/GUI。我想知道进行前端开发的更好策略是什么,是使用JSF2.0等框架,还是简单地遵循MVC方法与servlet和JSP?我听说JSF确实使开发更简单而且学习曲线也不太低,所以值得学习JSF还是我应该更愿意直接继续使用servlets/JSP?我是使用Java进行Web应

java - 您会使用 Laszlo 为 Java Web 应用程序开发基于 Flash 的前端吗?

如果您有一个基于Java的Web应用程序(J2EEwebapp-不要介意正在使用哪些其他底层框架),并且您想引入一个基于Flash的前端,您会使用Laszlo还是公开一个ReST-例如XML接口(interface)并构建和部署使用它的Flash应用程序?一方面,Laszlo非常了不起-为Flash所做的就像JSP为HTML做的一样。它很容易使用。它非常适合其余的Web应用程序(基于JSP)。另一方面,开发一个与服务器分离的完整Flash应用程序并使用XML-over-HTTP机制来绑定(bind)两者可能会更好。如果需要,这将具有能够为AJAX前端使用相同的XML接口(interfa

vue里使用虚拟列表处理element-ui的el-select选择器组件数据量大时卡顿问题

问题当我们使用el-select选择器下拉数据很大的时候,会出现页面卡顿,甚至卡死的情况,用户体验很不好。我目前采取的方案是使用虚拟列表的方式去处理这个问题。实现效果数据获取完毕:点击输入框:我们可以看到2万条数据只展示了30条。我们滚动找到kaimo-666,选择它我们再次点击输入框,我们以及定位到了kaimo-666这个位置另外拓展了点击项目跟输入框数据改变的事件源码地址我基于vue-virtual-scroll-list跟element-ui实现了下拉虚拟列表,解决下拉选择框数据量大时卡顿问题。代码地址:https://github.com/kaimo313/select-virtual

【前端修炼场】 — 这些标签你学会了么?快速拿下 “hr”

此文为【前端修炼场】第四篇,上一篇文章链接:上一篇文章目录前言一、常用标识符1.1特殊标识符1.1.1""(1.1.2空格( )1.1.3商标(™/®)1.1.4版权(©)1.1.5彩蛋(😀)1.2无意义标签1.2.1div标签1.2.2span标签二、hr属性值讲解2.1创建hr2.2更改hr颜色2.3更改hr宽度2.4更改hr位置2.5消除hr阴影总结前言在此之前,诸位道友已经接触不少的标识符了,并且对于VSCode肯定也有诸多的不满!你是否也疑惑,为什么在VSCode里面换行或者空格都不会体现在网页上,这也太不方便了,其实还有更不方便的,我们许多特殊符号也无法正常显示!接下来我

ptyhon flask SSE 浏览器和服务器实时通信-例子实时推送随机数到前端画echart曲线图

ptyhonflaskSSE浏览器和服务器实时通信-例子实时推送随机数到前端画echart曲线图注意SSE是单向传输通道,只能服务器向浏览器发送。如果浏览器向服务器发送信息,就变成了另一次HTTP请求。SSE连接只能由客户端浏览器关闭,后端停止发送数据会触发sse的error事件。可以在前端设置sse的error事件触发时停止sse连接。适用场景:向服务器请求一些连续数据,而且不用前端给出反馈,而且服务器只负责传输数据。例子:实时推送随机数到前端画echart曲线图例子实现图:询问按钮是开启sse请求,停止按钮是停止sse请求。(目前停止后没有清除图表,可以自行添加)app.pyimportj

前端常用加密方式及使用

前端常用加密方式有RSA加密、AES加密、MD5加密、SHA256加密以及国密:/生成随机字符串functionrandomString(len){len=len||16;const$chars='ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';/****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/constmaxPos=$chars.length;letpwd='';for(leti=0;i一、AES加密:安全性AES加密:对称性加密(密钥1个,加解密都用这个密钥)AES为一次一密,每次加密都会生成新的密钥AES加密