engineercms陆续引入flv和photowipe，视频和相册

最新推荐文章于 2020-12-31 21:47:13 发布
最新推荐文章于 2020-12-31 21:47:13 发布
阅读量488 收藏
点赞数
分类专栏： beego engineercms 水利工程管理 文章标签： flv photowipe engineercms
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hotqin888/article/details/105474468
版权

png图片以为已经很小了，可是这里还可以压缩一半以上，厉害。https://tinypng.com/
为了增设一个视频服务模块，新设计了一个视频管理页面，视频播放页面，前者用bootstrap4.4，用到的组件有卡片，轮播，列表，阴影，拉伸连接，间隔，监听滚动，尺寸，……
视频管理页面 ：

 

视频播放页面，用了flv： 

 相册预览页面，用了photowipe，下图是手机端效果

q平面人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
PhotoSwipe.js 相册展示插件学习
Michael_Gong的专栏
11-03 2614
PhotoSwipe.js官网：http://photoswipe.com/ ，在这个网站上可以下载到PhotoSwipe的文件以及相关的例子。 这个组件主要是用来展示图片、相册用的，还是很实用的。   一、使用这个组件需要引入两个js文件： 1 2 二、然后页面结构可以是这样子的： div id="Gallery"> div class="gallery
vue可滑动插件_一个Vue插件，可通过滑动功能显示图库
cuk5239的博客
07-22 1230
vue可滑动插件 Vue图片滑动图库 (Vue Picture Swipe Gallery) Vue Picture Swipe Gallery (a gallery of image with thumbnails, lazy-load and swipe) backed by photoswipe 由photowipe支持的Vue图片滑动图库(带有缩略图，延迟加载和滑动的图像的画廊) Th...
EngineerCMS工程师知识管理系统下载
hotqin888的专栏
01-31 3573
源码在https://github.com/3xxx 编译后的在百度网盘：https://pan.baidu.com/s/1gf0ucuR EngineerCMS ————工程师知识管理系统 本系统运行于工程师个人电脑，仅运行exe文件即可实现网络化管理项目知识资料，无需任何服务器环境，免维护，轻量，开源，功能齐全，技术先进，是工程师不可或缺的工具。 一 特性：
一个可以走流程的engineercms工程师知识管理系统
hotqin888的专栏
02-20 1061
我们用于管理文件的系统，比如网盘云盘等，并不具备流程功能，所谓流程，本质是修改文档状态，比如，从初始状态，不同权限的人登录，查看这个文件，具有修改这个文档状态的权限，比如将初始状态修改为已审查状态。 当然，一个通用的流程，比如java界，还是有不少现成的流程设计软件，golang界，非常少，所以我用了flow这个，将工作流程（文档流程）纳入engineercms后，就更接近bentley的pro...
局域网linux系统CentOS上部署engineercms、docker和onlyoffice实现文档协作
hotqin888的专栏
11-02 3666
等了好久，这次终于下决心在局域网部署了linux系统，并安装docker和load了onlyoffice，利用engineercms进行资料管理和文档协作。 我整理了完整文档，见我的网盘。 engineercms 0基础安装linux、onlyoffice和engineercms        1 〇、前言         1 一、U盘安装CentOS 7.0图文详解教程      2 ...
engineercms分享文件提取码-参考蓝眼云盘
hotqin888的专栏
03-01 1303
因为蓝眼云盘也是采用go语言+gorm编写的，所以参考起来稍微轻松一点。主要还是了解如何通过一段提取码就能取到文件的访问权。 生成一个分享文件uuid和提取码code。服务端接受选择的文件或文件夹id，随机生成一个share uuid和提取码code，返回给页面：服务端写入数据表share和bridge，前者存share uuid和分享者id，及过期时间expiretime，还有是否永久有效。后...
移动端图片放大滑动查看-插件photoswipe的使用
weixin_44920915的博客
06-25 1212
移动端图片放大滑动查看-插件photoswipe的使用 开源推荐: http://github.crmeb.net/u/blue 一、需要引入的css和js文件、 　　页面中需要引入如下文件：photoswipe.css，default-skin.css，photoswipe.js，photoswipe-ui-default.min.js 　　首先可以到它的官网或者github网站上下载插件，就可...
vue 官方推荐的好用的三方库
热门推荐
taotaobaobei的博客
12-31 3万+
自述文件 非常棒的存储库徽标 很棒的Vue.js 太棒了 与Vue.js相关的精彩内容精选清单 资源资源 官方资源 外部资源 工作门户 社区 会议活动 播客 YouTube频道 官方例子 讲解 例子 图书 博客文章 培训班 纪录片 使用Vue.js的项目 开源的 商业产品 应用/网站 互动体验 企业用途 A11y 组件和库 UI组件 表 通知 装载机 进度条 工具提示 覆盖 视差 图示 选框 菜单 减号加输入 轮播 图表 时间 日历 地图 音频视频 无限滚动 拉到刷新 降价促销 PDF格式 树 图形
vue.js示例_Vue JS示例每周概述-5/5/2018
cuk5239的博客
07-23 201
vue.js示例 每周 (weekly) The first in a weekly roundup of the new vue js examples. 新的vue js示例每周综述的第一部分。 Photo by Bruno van der Kraan / Unsplash 图片由Bruno van der Kraan / Unsplash 报价 (QUOTES) You can...
vue图片滑动：photos由photowipe支持的Vue图片滑动库（具有缩略图，延迟加载和滑动的图像库）
02-06
包括延迟（智能）加载（适合移动设备）和缩略图。 演示版 安装 npm install --save vue-picture-swipe 用法 您可以根据需要使用它。 如果您想内联使用它，也可以在.vue文件组件中甚至使用Laravel使用以下示例。 ...
ue由photowipe支持的Vue图片滑动图库（带有缩略图，延迟加载和滑动的图像的画廊）-JavaScript开发
05-26
包括延迟（智能）加载（适合移动设备）和Vue图片滑动库。此组件是用于真棒Photoswipe的简单包装。 这是一个Vue插件，可显示具有滑动功能（及更多功能）的图像库。 包括延迟（智能）加载（适合移动设备）和缩略图。 ...
sc-photoswipe:包裹在photowipe.com上的Polymer 1.0元素
04-27
包裹在photowipe.com上的Polymer 1.0元素 是使用photoswipe.com精美渲染图像的元素 入门 安装凉亭 首先，您需要凉亭，以获取详细信息 bower install --save sc-photoswipe 如何使用 < sc> 欢迎贡献，请创造问题...
PhotoWipe(相片擦除工具).v1.11 绿色中文免费版
12-28
是一个革命性的图像处理工具，可以将你不需要的部分从数字照片中编辑出去。它功能强大，可以清除背景中的景物，也可以对人的面貌进行调整，清除皱纹对五官进行修饰和美化。
vue-pswipe::rocket:易于使用，无需设置大小，支持旋转，基于photowipe的vue滑动插件
05-17
Vue-Pswipe 没有设置图像大小的PhotoSwipe的Vue插件 在线示例 安装 npm install vue-pswipe 用法 // main.js import Photoswipe from 'vue-pswipe' Vue . use ( Photoswipe , options ) ...懒惰的
bootstrap treeview 增删改的正确姿势
hotqin888的专栏
01-31 3万+
我的engineercms中大量使用bootstrap treeview，如果不能实现增删改那只能换成ztree了。不过还是找到了解决方法。 网上的方法都是基于https://github.com/jonmiles原版的treeview，采用在源码中增加方法达到目的，比如： bootstrap-treeview 扩展 添加多个子节点、删除节点、删除全部子节点 和 惰性加载的应用 bootst
网页html web直接打开cad文件dwg格式等的方法
hotqin888的专栏
06-16 3万+
用mxdraw控件，似乎只支持ie。但支持中文字体最好，有小小水印，但是我们网页上打开图纸，不都是只是为了瞄一眼嘛，不在乎这点水印。html调用代码：&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;!-- saved from url=(0042)http://www.mxcad.net:2080/i...
Windows上部署onlyoffice document server并用go语言进行二次开发实现企业实时文档协作功能
hotqin888的专栏
02-08 2万+
——追求简单化的安装就能享受高雅的网络协作办公环境最新的请移步至此：http://blog.csdn.net/hotqin888/article/details/79337881要求：如果是局域网，部署的电脑拥有固定ip（下文叫宿主机，切记）。电脑能打开cup的虚拟功能。如果部署到云主机，道理是一样的。环境是win7以上，win10以下。Win10区别就是安装的docker软件不同而已。第一步：确...
基于Bootstrap垂直响应的jQuery时间轴特效
hotqin888的专栏
03-19 2万+
终于想清楚了在每个项目中，放置3个东西：操作记录（日志）；时间轴（大事记）；日历日程。 第一个日志是系统自动记录的，每次在这个项目下的操作，比如上传，添加，删除，查阅，下载等都记录在案，方便查阅。 第二个，大事记的时间轴，很流行。 第三个日历日程事件，记录一些非大事记中。 当然，初步考虑还是在日历日程上添加、删除大事记，在添加日历日程事件的时候，提供一个单选按钮：是否作为大事记。如果作为大
ONLYOFFICE与MS Office Online对比
hotqin888的专栏
02-12 1万+
onlyoffice的优势和特点：https://www.onlyoffice.com/document-editor-comparison.aspxonlyoffice与ms office online的对比：https://help.onlyoffice.com/products/files/doceditor.aspx?fileid=4476630&amp;doc=ZEFoK2lNMW1ZQ...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值