文档章节

高扩展网页平台,原来码良可以这样用

王坤明
 王坤明
发布于 10/20 20:27
字数 987
阅读 715
收藏 4

震惊,原来码良可以这样用

不好意思,走错片场,原来这里不是 UC 震惊部。

本文为“码良系统的使用及设计实现”系列文章的第二篇。

小欢喜

距离上篇文章发布一周时间,码良也通过不同渠道获取到了诸多关注。

比如, github star 数自10月8号上升了110%,达到了563(10月17号数据)

上了github vue 类型项目周榜

成了 gitee 的 gvp

开源中国收录并推荐

还有钉钉群微信群里不断涌入的新面孔。

总之,谢谢大家的捧场 🎉🎉。

下文多图,流量预警

码良我已经打开了,可是到底怎么用!

上篇文章详细介绍了码良服务的几种获取方式并简要截取了一些使用场景的图片,或许读者已经自行探索了一些码良的玩法了,本文将要给出大量的使用说明,你准备好了么

场景一 hello world

你好,世界

使用富文本组件写一个高端大气上档次的 ”hello world“ 给你看

场景二 滑一个看看

使用页面容器组件(轮播器)可以实现各种(自动/手动)轮播效果

左右滑

上下滑

整页滑

场景三 点你咋地

为组件添加点击操作,操作可以来自脚本,也可以是自带的哦

场景四 来点音乐

使用音频组件为页面播放音乐

直接使用音频资源地址

使用本地上传的音频文件

场景五 看个视频

使用视频组件为页面播放视频

视频来自资源链接

视频来自视频网站分享代码

场景六 弹个美美的框

移动端页面里面往往需要模态框来使页面展示更有层次,避免让所有信息堆在一起,那就做个美美的弹框如何

场景七 合成魔法

页面做的多了,发现其实很多操作都是相似的,比如场景六的模态框,可不可以收集起来重复利用呢?看我合成魔法

场景八 获取用户输入看看

使用输入框 组件可以获取用户输入内容,进行后续操作

场景九 智障机器人

还记得红极一时的对话机器人么,自己来做一个如何(对话 api 来自https://www.ownthink.com/robot.html

使用按钮、列表、文本等组件绘制出页面结构

为发送按钮添加逻辑,除视频外,可以至码良页面精选页 fork 页面查看其细节

https://ymm-maliang.oss-cn-hangzhou.aliyuncs.com/ymm-maliang/access/ymm_1571322481642.mp4

智障机器人体验地址

场景十 fxxxxk,发布错了

太不小心把编辑中的内容发布出去了,忍不住 fxxxxxxk 从中来, 看看应该怎么应对吧

闲话

好累,终于写完了

例行求体验,例行求 star

资源

代码仓库: https://github.com/ymm-tech/gods-pen

官网: https://godspen.ymm56.com/

使用手册: https://godspen.ymm56.com/doc/cookbook/introduce.html

在线体验: https://godspen.ymm56.com/admin/#/home

私有部署: https://godspen.ymm56.com/doc/cookbook/install.html

交流群

钉钉 微信
优先加钉钉群 如果上面微信二维码过期。点击我查看最新二维码 添加的时候备注上 码良我再邀请你进入群聊

© 著作权归作者所有

王坤明

王坤明

粉丝 25
博文 5
码字总数 10740
作品 1
嘉定
高级程序员
私信 提问
高扩展的在线网页制作平台-码良正式开源

高扩展的在线网页制作平台-码良使用介绍 在前一篇介绍了如何实现一个高扩展的在线网页制作平台,推荐先移驾到这里查看如何设计高扩展的在线网页制作平台 这样才知道是啥东西。前一篇文章也提...

运满满前端团队
05/31
0
0
如何设计高扩展的在线网页制作平台

背景 2018年3月份开始,随着运满满的快速发展,开始在频繁的迭代各种活动,那时最快的方式就是拷贝老的活动项目,然后按需求修改,接着上线,然而这种方式很快就遇到了瓶颈,迫使运营团队也会...

运满满前端团队
2018/10/31
0
0
线生成h5页面并提供页面管理和页面编辑的平台 - gods-pen

码良是什么 码良是一个在,用于快速制作H5页面。用户无需掌握复杂的编程技术,通过简单拖拽、少量配置即可制作精美的页面,可用于营销场景下的页面制作。同时,也为开发者提供了,通过脚本和...

王坤明
10/09
11.1K
15
DuckChat 1.0.7发布,十分钟快速搭建聊天系统

DuckChat是一款安全的私有聊天软件,基于PHP环境,可运行在Docker、Linux、Windows、MacOS等各种平台上,它帮助我们简化企业办公、客服系统、互联网创业,提供了完善的IM相关功能,并提供And...

凉宫二萌
2018/09/28
4
0
qieangel2013/zys

zys高性能服务框架 核心特性 1.基于swoole提供分布式服务器通讯服务2.基于thrift提供rpc远程调用服务3.基于HTML5提供在线网络直播平台服务4.基于swoole提供同步异步数据库连接池服务5.基于s...

qieangel2013
2016/08/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Vue.js学习笔记2 - better-scroll滚动条

better-scroll滚动条 使用作者自制的better-scroll库,实现内容的滚动。 先在package.json加上依赖: "better-scroll": "^0.1.7" 接着再npm install安装依赖。 import BScroll from 'better-......

swanf
54分钟前
7
0
设计模式之适配器模式

定义 将一个类的接口变换成客户端所期待的另一种接口,从而使原本因接口不匹配而无法在一起工作的两个类能够在一起工 作。 UML类图 适配器分为两种,类适配器与对象适配器。 类适配器的UML图...

陈年之后是青葱
今天
8
0
教你玩转Linux—磁盘管理

导读 Linux磁盘管理好坏直接关系到整个系统的性能问题,Linux磁盘管理常用三个命令为df、du和fdisk。 df df命令参数功能:检查文件系统的磁盘空间占用情况。可以利用该命令来获取硬盘被占用了...

问题终结者
今天
11
0
KMP

字符串匹配算法 针对被匹配字段生产一个部分匹配表 A B C D A B D 0 0 0 0 1 2 0 部分匹配表 熟悉前缀与后缀的概念 ,“部分匹配表” 的生产就是根据前缀、后缀的最苍的共有元素的长度 前缀:...

鬼才王
昨天
6
0
快速搭建Jenkins集群

关于Jenkins集群 在Jenkins上同时执行多个任务时,单机性能可能达到瓶颈,使用Jenkins集群可以有效的解决此问题,让多台机器同时处理这些任务可以将压力分散,对单机版Jenkins的单点故障的隐...

程序员欣宸
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部