前端（bootstrap）
关注
分享
扫一扫
文章平均质量分 61
weixin_43751710
这个作者很懒，什么都没留下…
展开
-
react实现绘制简单的流程图
背景：是Express服务 + Create React App的架构，使用了react-flow的组件可以参考文档：引用的package.json/***/id?data?y: number;: string;: string;: boolean;const [nodesData, setNodesData] = useState([]) //节点数组。转载 2025-04-29 20:15:02 · 15 阅读 · 0 评论 -
Node.js+React实现全栈开发方案
Express 服务指基于 Node.js 的轻量级后端框架 Express.js，用于构建 RESTful API 或服务端渲染（SSR）。提供后端能力：数据库交互、用户认证、业务逻辑处理等。指 Facebook 官方推出的 React 脚手架工具，用于快速初始化现代化的 React 前端项目。Express 同时托管前端构建产物（如 build/ 目录、page目录），实现服务端渲染。其中package.json存放前端的相关依赖。检查node.js版本。本地运行时，安装依赖。转载 2025-04-29 19:48:10 · 27 阅读 · 0 评论 -
layui.open时，打开的框框没有关闭按钮，能点但是不显示
今天遇到一个问题。layui.open时，打开的框框没有关闭按钮！我们知道layui想让框框出现关闭按钮其实很简单，只要设置closeBtn: 1，就可以了。但是我的代码的确是这样：那为什么是没有关闭按钮呢？鼓捣了一上午，下午终于找到原因，原来是关闭按钮的背景图片为icon.png，但是访问这个图片出现了返回码302的状况……HTTP返回码302代表的含义是重定向一般出现302返回码...原创 2019-10-27 17:32:59 · 3258 阅读 · 0 评论 -
JSON对象（JSONObject）与Java对象之间的转换（JSON对象在前端、后端之间的交互转换）
JSON对象在前端、后端之间的交互转换先从前端传回JSON对象：定义JSON对象var jsonObj={ flightDate:actObj.fly_date, flightNo:actObj.fly_no, departCode...原创 2019-04-26 12:48:33 · 2973 阅读 · 0 评论 -
使用ajax提交表单数据，整个jsp页面却会重新加载、刷新，而不是局部刷新
使用ajax提交表单数据，整个jsp页面却会重新加载、刷新，而不是局部刷新问题描述昨天用ajax写异步，在插入数据时（点击button），提交表单后，整个jsp页面总是会自动刷新一遍。但是异步就是要局部刷新，而不是整个页面都刷新一遍。原因使用了button控件当做表单的提交按钮当form中存在button标签时，即使是用ajax异步提交表单后，面会被刷新。<button "in...原创 2019-04-12 18:19:36 · 1839 阅读 · 1 评论 -
通过onclick传参时，js 函数的参数长度问题
js函数，如果传入参数的长度太长，可能造成在某些html标签中产生错误，比如onclick事件后面调用。调试的时候会提示缺少后面半个括号）。解决办法是，在实际传入参数的时候，加上转义后的单引号 ’ 。示例：加入data是长度超过30的字符οnchange=“onSelect(’+rowNum+’,’ ‘+data+’ ');” 为区分单双引号，将两个单引号之间加了一个空格。...转载 2019-05-09 21:54:29 · 2760 阅读 · 0 评论 -
下拉列表改变事件失效
遇到问题jsp下拉列表的事件功能：如下<select id='select_app' name="select_app" onchange="select_app();"><option value="gtgj">gtgj</option><option value="gtgjpro">gtgjpro</option><...原创 2019-05-20 20:26:25 · 740 阅读 · 0 评论 -
键盘回车事件导致页面刷新的问题
键盘回车事件导致页面刷新的问题我最近在做一个 Ajax 查询的功能，代码如下<form name="keywordForm" method="post" action=""> <p id="profile_nav"> <label for="profile"> 关键字搜索： </label> <input style="widt...转载 2019-05-13 08:52:08 · 227 阅读 · 0 评论 -
Cookie和Session是什么？有什么区别？Token和JWT又是什么？
一、Cookie由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。用户A购买了一件商品放入购物车内，当再次购买商品时服务器已经无法判断该购买行为是属于用户A的会话还是用户B的会话了。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无论谁访问都必须携带自己通行证。这样服务器就能从通行证上确认客户身份了。这就是Cookie的工作原理。Cookie实际上是一小段的文本信息。...转载 2019-06-06 20:29:14 · 133 阅读 · 0 评论 -
通过URL在前端页面传参的方法
通过URL在前端页面传参的方法url为：http://localhost:8080/gtgjmgr/gtgjxserver1/gtdelay/bonus.jsp?ywb_id=1008611参数为url后面的： ywb_id=1008611function GetUrlPara(){ var url = document.location.toStrin...原创 2019-04-29 18:21:10 · 7695 阅读 · 0 评论 -
Bootstrap引入核心文件（即搭建一个Bootstrap框架）
Bootstrap引入核心文件一、cdn引入（不必下载）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!--声明文档兼容模式，表示使用IE浏览器的最新模式--> <meta http-equiv="X-UA-Compatible" co...转载 2019-05-01 19:05:19 · 2358 阅读 · 0 评论 -
时间选择框datepicker的使用
bootstrap框架中的一个重要内容，时间选择框datepicker。如，想要实现选择从某天到某天的两个输入框：在HTML中写如下内容<div class="input-daterange date-picker input-group" id="datepicker"> <input type="text" class="input-sm form-contro...原创 2019-05-06 20:30:39 · 6317 阅读 · 0 评论 -
使用model时，$("#").modal("show");不起作用，出错或者是无效
今天遇到一个神奇的bug使用model时，$("#accountModal").modal(“show”);不起作用，出错或者是无效弄了半天，终于找到原因： <script src="../gtgjmgr/gtgjxserver1/gtchart/asset/bootstrap.min.js"></script> <script src="../gtgj...原创 2019-05-06 20:08:52 · 12268 阅读 · 0 评论 -
好看的“弹出框”model的使用
好看的“弹出框”model的使用刚开始接触HTML时，一直有个问题让人非常的烦恼——弹出框alert，它太丑了。总是想修改它的样式，让它好看一些，或者实现其他的功能。现在就介绍一种方法：model。model是bootstrap下的内容，使用前需要引入bootstrap的css以及js。下面是使用model的示例代码 <!-- Modal默认是隐藏起来的 -->...原创 2019-05-06 20:02:47 · 1815 阅读 · 0 评论 -
js接收数字，最后几位数字变成了0
遇到一个问题：js接收数字，最后几位数字变成了0从Java后台传一个数值到前端的js中，Java中输出为97761478957858935，但在js中输出便成了97761478957858930最后一位竟然都变成了0原来是js数字最长为16位，97761478957858935是17位，所以最后一位自动变为了0解决方法也很简单，只要在Java后台传数值时，将其变为String类型的即可...原创 2019-05-05 17:58:59 · 9249 阅读 · 1 评论 -
Bootstrap+Spring MVC实现图片上传功能（商品发布），前端+后端
Bootstrap+Spring MVC实现图片上传功能先给张效果图：核心：<input type="button" value="发布商品" class="btn btn-info center-block" name="publish" onclick="publish()"/>需要引入fileinput插件<link href="https://cdnjs.c...原创 2019-05-04 14:42:43 · 1288 阅读 · 1 评论 -
jquery ajax 出错得到错误信息的方式
jquery ajax 出错得到错误信息的方式（error function（e）中的e参数）在使用ajax时，报错总是不知道错误的原因，因为在纯HTML页面或者jsp页面中，是没有错误提示的，这就非常的烦恼。下面提供一种得到错误信息的方式打印出e中的错误内容error : function(e) { alert("出错"); ...原创 2019-05-02 20:27:31 · 12861 阅读 · 2 评论 -
JS页面获取session（通过ajax）
JS页面获取session（通过ajax）JS文件：<script type="text/javascript"> function getUser(){ alert(window.location.host); $.ajax({// url:"http://localhost:8080/SecondDemo/user/getSess...原创 2019-05-02 20:20:37 · 7831 阅读 · 4 评论 -
Bootstrap自适应导航栏（带搜索框）
使用Bootstrap创建的导航栏，最为原始的，没有任何的自定义颜色什么的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!--声明文档兼容模式，表示使用IE浏览器的最新模式--> <meta http-equiv="X-UA-Compat...原创 2019-05-01 20:39:13 · 24068 阅读 · 4 评论 -
echarts的简单示例
echarts的简单实例第一步：在HTML中设置展示的框架，给一个空的div（id=“echarts-purchase-chart”）放图表<div class="col-lg-12"> <div class="ibox float-e-margins"> <div class...原创 2019-05-06 20:22:10 · 536 阅读 · 0 评论