- 博客(19)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 使用video.js实现在html5的video标签播放hls流视频
首先引入videojs<link href="../Build/Cesium/viedo/video-js.min.css" rel="stylesheet"><script src="../Build/Cesium/viedo/video.min.js"></script>然后使用video标签放入hls流地址，这里使用了layerui作为框架layer.open({ type: 1, offset: [$(window).heig
2021-10-08 16:29:40
1642
原创 前端小白的ruoyi框架之旅（一）
在新版ruoyi框架的官方案例中有一个父子表的功能将添加子表变成函数调用//注册加载子表的事件。注意下这里的三个参数！ detailView: true, onExpandRow: function (index, row, $detail) { oInit.InitSubTable(index, row, $detail); }案例中注册子表的时间，对.
2021-02-07 14:16:04
655
原创 小白的帆软报表之旅（三）
今天遇到一个在帆软报表中传参并拼接字符串的问题，故在此记下需要将时间选择器中的值和系列名的值作为参数传入子页面首先先设置需要跳转的参数在子页面的label控件里添加公式，将父页面的时间选择器的值截取年份再拼接柱状图系列名变为2021-1传入sql语句的参数中，难点在与每年的1月份，需要通过减1来实现获取上一年的功能...
2021-01-22 17:34:22
1149
原创 小白的帆软报表之旅（二）
在帆软报表中可以使用两种方式进行弹窗操作一、使用iframe标签进行跳转开始写入代码var iframe = $("<iframe id='inp' name='inp' width='100%' height='100%' scrolling='yes' framedorder='0'>");// 对话框内 iframe 参数的命名，默认宽高占比是 100%，可向下滚动iframe.attr("src", "报表路径");// 给 iframe 添加 src 属性var
2021-01-15 14:40:09
428
原创 小白的帆软报表之旅（一）
帆软决策报表中柱状图图表可以设置缩放选中柱状图然后点击特效》图表缩放开启如果想要设置缩放个数则需要设置左右边界，左边界默认为0表示从最左侧开始，右边界的尺寸是根据柱形图x轴的值来设置的因此不可以直接写数字，需要在公式中使用sql函数，函数第一个参数表示数据连接名称，第二个需写入查询的sql语句，第三个和第四个表示列和行最终效果...
2021-01-04 17:23:42
692
原创 vue项目引入bootstrap正确姿势
1.安装依赖包cnpm install bootstrap --save-devcnpm install jquery --save-devcnpm install popper.js --save-dev2.将bootstrap全局引入。在项目中根目录西main.js中添加如下代码：import 'bootstrap'引入jquery同理,可在main.js添加下面一行：import $ from 'jquery'3.将bootstrap css资源引入到相关页面中。
2020-09-25 17:22:19
1147
原创 前端小白解决疑难杂症之旅(三)
这次需要使用mui做一个demo实例首先引入mui<script src="js/mui.min.js"></script><link href="css/mui.min.css" rel="stylesheet" />如果使用hbuiler编码软件来开发的话，只需要在body里打出mOff就可以快速创建需要的页面了我使用的是双webvi...
2020-03-26 17:41:54
193
原创 前端小白解决疑难杂症之旅(二)
这次需要在地图导航里添加路线推荐的功能效果：各条路线之间的起点和终点是写死的因为是推荐的路线首先需要引入AMap.Driving组件然后需要指定每条路线的起点和终点let start = { keyword: '滁州汽车客运北站', city: '滁州' } let end = { keyword: '白云...
2020-03-18 17:06:40
167
原创 前端小白解决疑难杂症之旅(一)
这次需要实现地图导航以及路线规划最终效果demo使用了高德地图以及mui想使用高德地图的api需要先去官网申请一个key，然后再在页面上引用<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你申请的key&plugin=AMap.Walking,...
2020-03-14 16:53:59
455
原创 前端小白的爬坑之旅(九)
这次遇到的问题是要实现微信小程序购物车判断用户有没有登录没登录的登录的关键代码在于getSetting这个方法 用来判断用户是否授权注意如果用户拒绝返回的是false如果既没有拒绝也没有同意授权返回的则是{}判断的时候需要将{}转换为字符串再进行判断uni.getSetting({ success(res) { if (res.authSetti...
2020-03-11 17:45:23
169
原创 前端小白的爬坑之旅(八)
这次需要实现小程序下拉列表带搜索的功能最终效果这里使用了vant框架里的上拉菜单页面布局<van-action-sheet :show=" show " @close="onClose" @select="onSelect" title="请选择公司/小区"> <view> <van-search value="" placeh...
2020-03-06 16:14:49
280
原创 前端小白的爬坑之旅(七)
这次要求是在微信小程序上实现图片懒加载一开始百度了一个多小时，发现网上的都太过复杂，最后还是自己写出了一个简单的版本最终效果关键在于小程序图片标签的load方法<image @load="load" :src="picture(index)" @click="navToList($event)"></image>load是在图片加载完成后执行的方法...
2020-03-03 17:06:56
199
原创 前端小白的爬坑之旅(六)
2月22号下午接到需求，公司要求做一个关于疫情扫码的钉钉小程序首先是最终效果绿色的码代表健康 黄色的码代表要注意 红色的码代表危险加上主页一共4个页面 花了大概一天时间，功能也很简单，由于经验不足导致耽误半天的时间，2月24日公司需要使用，所以加班做出来。其中犯了不少低级错误页面使用到了mui框架。由于是需要在钉钉上运行，所以需要获取钉钉用户信息第一步需要导入钉钉微应用...
2020-02-25 17:28:11
387
原创 前端小白的爬坑之旅(五)
这次需要做一个微信小程序需要用到uniapp框架大致效果uniapp可以兼容微信小程序，每次写完代码点击运行到微信小程序模拟器就可以在微信开发者工具看见了这里有一个小坑 如果要在手机上运行需要配置一下小程序的APPID如果要打包成h5部署到服务器需要在项目里的里设置h5配置...
2020-02-19 08:13:52
243
原创 前端小白的爬坑之旅(四)
这次要求要做一个微信小程序最终效果这里使用了vantui框架这个ui框架里的组件还是比较丰富的唯一的坑就是装到项目里后，官方组件给的路径不对需要把改成"usingComponents": { "van-button": "@vant/weapp/button"}然后就可以在页面上直接用了<van-button type="default"&g...
2020-01-19 10:54:50
132
原创 前端小白的爬坑之旅(三)
需要使用vue把从后台获取的数据循环渲染到页面var vm = new Vue({ el: '#bu', data: { trips: [], jpUserss: [], inx: '', tripss: [] }, methods: { dateDiff: function(sDate1) { ...
2020-01-15 08:42:17
160
原创 前端小白的爬坑之旅(二)
这次遇到的问题是bootstrap动态表头，因为有部分表头数据是从后台获取的而不是静态写在页面里的代码function getTableHeader(PGID) { var columns=[]; var checkbox = {checkbox: true}; var other; var term = {field: '...
2020-01-10 14:02:50
186
原创 前端小白的爬坑之旅(一)
刚从学校出来，进入公司实习也有三个月了。这期间遇到了非常多的坑，特地写成文章记录一下最近在做的是关于公司福利相关的项目第一次接触若依框架第一个问题就是bootstrap组合表头var options={ code: "id", uniqueId: "id", url:prefix + "/list?s...
2020-01-07 15:42:50
314
空空如也
webpack Babel报错 试了很多方法都没能解决？
2019-04-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人