关注
分享
前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。
听风动
身如不系之舟，一任流行坎止；心似既灰之木，何妨刀割香涂。
展开
-
HTML页面内Div内容添加滚动条
Div内容添加滚动条：核心代码style="height: 500px; overflow:scroll"事例:<div class="container" style="height: 500px; overflow:scroll"> <div class="row justify-content-center d-flex"> <div class="col-lg-12">原创 2022-03-08 11:56:25 · 1580 阅读 · 0 评论 -
＜a/＞标签超链接在本页面跳转至外部网页
<a/>标签超链接在本页面跳转至外部网页<a href="http://192.168.2.120:1500/search/doc?userCoode=dengru" style="color:white;font-size:14px;">全文检索</a>原创 2022-03-08 11:52:48 · 871 阅读 · 0 评论 -
VUE脚手架+easypoi 完成Excel导出功能
后台java：/** * Easypoi导出Excel * @param umsOrderStatisticsVo * @param response * @return * @throws Exception */ @ApiOperation("Easypoi导出Excel") @RequestMapping(va...原创 2019-11-27 19:19:19 · 1858 阅读 · 1 评论 -
VUE 点击图片查看大图功能
1.安装：npm install vue-directive-image-previewer -D2.main.js中引入：import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'import 'vue-directive-image-previewer/dist/assets/style.css...原创 2019-11-22 16:56:20 · 4591 阅读 · 2 评论 -
什么是EasyUi？
1、easyui是什么东西？easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。easyui是个完美支持HTML5网页的完整框架。easyui节省您网页开发的时间和规模。easyui很简单但功能强大的...转载 2019-03-24 20:02:43 · 6188 阅读 · 1 评论 -
MongoDB简单的回显修改加EasyUi，前台页面的展示
修改一共有两部分，先是根据id回显script代码<input type='button' value='修改' onclick='openupd(\""+row.id+"\")'>"//根据ID回显 function openupd(id){ $.ajax({ url:'../goods/updhuixian.do', type:'post',...原创 2019-03-24 19:48:35 · 257 阅读 · 0 评论 -
MongoDB简单的新增加EasyUi，前台页面的展示
首先定义一个新增的按钮用来打开新增的弹框<!-- 新增 --> <div id="toolbar"> <table> <tr> <td colspan="3"> <a id="addBtn" class="easyui-linkbutton" data-options="iconCls:'icon...原创 2019-03-24 18:49:27 · 258 阅读 · 0 评论 -
MongoDB简单的分页查询加EasyUi，前台页面的展示
首先定义一个Table当载体<!-- 查询 --> <table id="goodsTable"></table>script：代码模块//页面加载事件$(function(){ initFindGoodList();})//分页查询商品表function initFindGoodList(){ $("#goodsTable...原创 2019-03-24 18:40:32 · 252 阅读 · 0 评论 -
Easyui分页查询
<textarea readonly="readonly" name="code" class="c++"> 1.要引入的jsp文件:<link rel="stylesheet" href="../js/uploadify/uploadify.css"><link rel="stylesheet" href=&qu原创 2019-03-12 20:38:55 · 867 阅读 · 0 评论 -
VUE cli3 脚手架 渲染HTML代码 v-html
有时候从后台传来的值有html代码片段，我们需要用html给展示，就用到了v-html用法：<el-table-column label="规则说明" align="center"> <div slot-scope="scope" v-html="scope.row.ruledescription"> {{scope...原创 2019-11-20 09:58:53 · 929 阅读 · 0 评论 -
VUE cli3 脚手架循环展示多张图片
<el-table-column label="礼品图片" align="center"> <template slot-scope="scope" > <div v-for="item in getImg(scope.row.picture)"> <img style="height: 80px" :src="item...原创 2019-11-07 15:28:05 · 3313 阅读 · 1 评论 -
VUE+Java多图上传以及编辑时回显
路由转发js：import {uploadFileAll} from '@/api/uploadAll'import request from '@/utils/request'//多张件上传export function uploadFileAll(data,config) { return request({ url:'/uploadFile/saveFile...原创 2019-11-22 13:13:55 · 819 阅读 · 0 评论