【Web前台】前台篇
前端即网站前台部分,运行在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 · 1664 阅读 · 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 · 896 阅读 · 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 · 1899 阅读 · 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 · 4651 阅读 · 2 评论 -
什么是EasyUi?
1、easyui是什么东西?easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。easyui是个完美支持HTML5网页的完整框架。easyui节省您网页开发的时间和规模。easyui很简单但功能强大的...转载 2019-03-24 20:02:43 · 6232 阅读 · 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 · 272 阅读 · 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 · 284 阅读 · 0 评论 -
MongoDB简单的分页查询加EasyUi,前台页面的展示
首先定义一个Table当载体<!-- 查询 --> <table id="goodsTable"></table>script:代码模块//页面加载事件$(function(){ initFindGoodList();})//分页查询商品表function initFindGoodList(){ $("#goodsTable...原创 2019-03-24 18:40:32 · 267 阅读 · 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 · 896 阅读 · 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 · 949 阅读 · 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 · 3355 阅读 · 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 · 853 阅读 · 0 评论