摘要: 想起刚做网页时候,看着这么大的屏幕,一直在 想该如何布局呢,后来经过Table布局,Div布局,Border布局,列式布局。 目前EasyMvc主要支持12列的列式布局(手机兼容性好)。请看下面的例子: 显示效果如下: 上面的代码看起来有些多,其实主要是两个关键词,Row和Col。:) Col可以指 阅读全文
posted @ 2018-01-17 22:32 China Soft 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 选项卡Tab导航主要用于企业页面显示不同子类或者子页面的信息内容。 先来一个基本的使用例子:代码如下: 效果截图如下: 我们同样为Tab导航准备了几种风格,看下面的例子: 实现的代码如下: 本着简单的原则,基本上使用选项卡导航不需要太多的前端知识了。:) 总结:选项卡导航的使用就简单介绍到这里,基本 阅读全文
posted @ 2018-01-17 16:07 China Soft 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 栏目导航一般用来显示当前页面所在的模块层级位置关系,如下图所示: 当然也有前端网站作为小栏目导航,凡是没有绝对,只要不违和就好:),下面上代码: 是不是和折叠面板模块的代码写法很相似? 技巧:如果感觉默认的分割线/不好看,您可以自由更改,方法为:Separator,具体使用见在线演示界面,此处不再复 阅读全文
posted @ 2018-01-17 15:57 China Soft 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 基本上,是个网站就会有菜单导航,目前流行的菜单是不是这样样子的? 似乎是bootstrap引领的风格,我们就用EasyMvc实现吧,上代码: 怎么样,是不是还是一如既往的简单?准备数据,调用EasyMvc的Menu控件。。 不过,有点细节需要交代下:大家注意到Id和ParentId没:如果是一级菜单 阅读全文
posted @ 2018-01-17 15:49 China Soft 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 图片轮播导航大家一定很常见,尤其是中小型建站系统的必备神器。。:) 先上图上例子,看效果如下: 实现代码如下: 看到没有,基本就是折叠面板的代码“骨骼”搬过来的。。准备数据,调用EasyMvc的PtotoPlayer组件。。。是不是还是很简单呢?如果不简单请告诉我,一定修改。。:) 小技巧:Href 阅读全文
posted @ 2018-01-17 15:33 China Soft 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 休息片刻后,继续开工。。。 这次我们继续学习引言导航,引言导航主要用于知识点的开始,起到知识点导航的作用。直接例子: 实现代码如下: 。。似乎代码不够高深,不够复杂。。:)但这不正是我们需要实现的么:) EasyMvc也提供了两种风格的引言导航,请见下面的例子: 实现的代码也是很简单,如下所示: 总 阅读全文
posted @ 2018-01-17 15:18 China Soft 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 提醒导航顾名思义就是提醒大家注意某些文字了。。请看下面的例子: 实现代码如下: 有的同学会说:这么简单的功能,我可以直接div+css就可以实现了嘛:)为什么还要用这个控件呢? 原因是。。这个的确不太好回答,但简单回答如下: 个人认为EasyMvc的初衷是模块化,快速简单化的,那意味着开发系统的时候 阅读全文
posted @ 2018-01-17 15:05 China Soft 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 文字块导航其实就是开发winform时候常见的 带Title的Group面板。。~!@#¥。。好吧,没开发过winform的同学看下图: 实现代码如下: 一般用在一个页面的开始,或者用于包括一些文字,用在页面开始的时候,可能如下效果更好: 实现代码如下: 总结:文字块导航比较简单,所以你知道了Eas 阅读全文
posted @ 2018-01-17 14:50 China Soft 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 进度条的发明是很牛逼的,就如12306采用了队列解决了系统崩溃的问题一样。。:) 进度条大家都见过,那么我们先来实现一个简单的进度条,请看例子: 效果如下: 怎么样,还是很简单吧:) 那么可不可以炫些呢?其实是可以的,请看下例: 代码如下: 大家可以看到,利用ColorXXX的方法,就可以改变进度条 阅读全文
posted @ 2018-01-17 14:35 China Soft 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 我们网页很多时候需要小图标来进行美化,EasyMvc默认提供了100多种常用小图标,您可以根据实际情况选择使用,请看下面的例子: 显示的效果是: 似乎简单了点:) 不过,很多复杂的事物都是由简单的事物组成的哦,请看小图标与按钮结合后的效果: 代码如下: 效果如下所示: 总结:小图标的使用就简单介绍到 阅读全文
posted @ 2018-01-17 14:21 China Soft 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 折叠面板一般出现在管理后台,大家用的OutLook里就是用了折叠面板,样子大概是这样的: 把其中的内容替换成图标按钮,是不是就是我们常见的样子了?:)那么如何实现呢?请看例子: 代码似乎和时间线的那个实现很相似。。。发现什么了吗?意味着某个场合下,时间线控件和折叠面板的转换会很容易实现。。:) 总结 阅读全文
posted @ 2018-01-17 14:08 China Soft 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 我们有时候经常看到如下的页面: 或者快递物流信息图标,那么利用EasyMvc如何实现呢?很简单,看下面的例子: 代码还容易看懂吧?基本就是准备数据,然后调用EasyMvc提供的组件TimeLine,(PS:实际中数据一般不写在这里哦。。这里是为了演示)那么效果如何呢?请看下图: 相信还是比较简单吧: 阅读全文
posted @ 2018-01-17 13:53 China Soft 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 我们有时候希望系统能自动刷新后台数据或者做某个动作,那么定时器的作用就体现出来了。 EasyMvc默认提供的服务器可以定时调前端方法与定时调后端方法,先看例子: 定时调客户端事件 实现代码: 请注意: 效果截图如下: 定时调服务端事件 实现代码: 请注意: 效果截图如下: 技巧:如果您同时触发了客户 阅读全文
posted @ 2018-01-17 13:42 China Soft 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 按钮是我们最常用的控件之一了,先看下我们提供的按钮风格: 不同颜色的: 实现代码: 不同尺寸的: 实现代码: 圆角的: 实现代码: 被禁用的按钮: 看完了以上的按钮外观和实现方式,有没有一种轻松的感觉呢?原来开发可以这么简单! 接下来将重点介绍下开发中常用的按钮事件,同样,为了保持简单,我们提供了常 阅读全文
posted @ 2018-01-17 13:04 China Soft 阅读(384) 评论(0) 推荐(0) 编辑