欢迎使用 Ray快速开发框架

如果您希望有一个机器小秘帮你完成那些无聊的事,Ray正是您所需要的。

下载试用

Ray的价值所在

  • 省事
    再有创意的软件项目也离不开增删改查、导入导出、权限、打印、分类汇总等功能的“后勤”支持,Ray框架的高自动化配置式开发模式,让您仅依靠配置就可以完成80%甚至是100%的“无趣”工作。
  • 灵活
    如果您担心Ray框架的自动化特性会限制您的自由,请您不必担心,Ray框架的高自动化特性是建立在高扩展性的基础之上的,只要您愿意,随时可以用自己的代码取代其中的一部分或者增加属于自己的部分。
  • 聪明
    Ray框架的权限及单点登录解决方案,可以让所有使用Ray框架搭建的项目共享一套权限体系,开发人员可以免去为各项目开发登录及权限控制功能所耗费的精力,而用户则可以只登录一次就可以在所有的Ray项目间“漫游”。Ray是具备Passport战略思想的框架,她将帮助您占据企业的门户,轻松地“粘”住客户,把握话语权。
  • 共享
    Ray框架支持“去中心化”的理念,页面之间相互链接成就了今天的互联网,那么数据之间的相互链接将成为大数据时代的重要特征。
  • 成熟
    Ray框架经历了各种项目的锤炼,您遇到的问题,可能我们都已经遇到过了,Ray框架正是为了消除您开发时的“痛点”而生的。
  • 专业
    Ray不是“代码生成器”,而是可复用面向对象框架,并且具备“控制反转”(IoC)的特征,对象的依赖关系由配置文件决定。我们会努力地让Ray框架变得越来越强大,我们的每一次升级将保障您曾经开发的软件项目资产持续具备旺盛的生命力。
  • 轻量
    Ray框架低调且强大,她只是项目中引用的一个DLL,在那默默地帮助你,不干扰您使用别的技术。
  • Ray框架打印

Ray包括些什么

Ray框架是一个按照MVC模式分层设计的基于配置的应用程序快速开发框架,主要用于开发Ajax风格的Web企业级应用。

Declare components directly within HTML

<div class="easyui-dialog" style="width:400px;height:200px"
    data-options="
        title:'My Dialog',
        iconCls:'icon-ok',
        onOpen:function(){}">
    dialog content.
</div>

Write JavaScript code to create components

<input id="cc" style="width:200px" />
$('#cc').combobox({
	url: ...,
	required: true,
	valueField: 'id',
	textField: 'text'
});

我们的期待

您的认可与赞赏永远是我们追求的目标。

<eui-datagrid [data]="data" [clickToEdit]="true" editMode="row" style="height:250px">
	<eui-grid-column field="itemid" title="Item ID" [editable]="true"></eui-grid-column>
	<eui-grid-column field="name" title="Name" [editable]="true"></eui-grid-column>
	<eui-grid-column field="listprice" title="List Price" align="right" [editable]="true">
		<ng-template euiEditTemplate let-row="row">
			<eui-numberbox [(ngModel)]="row.listprice" precision="1"></eui-numberbox>
		</ng-template>
	</eui-grid-column>
	<eui-grid-column field="unitcost" title="Unit Cost" align="right" [editable]="true">
		<ng-template euiEditTemplate let-row="row">
			<eui-numberbox [(ngModel)]="row.unitcost"></eui-numberbox>
		</ng-template>
	</eui-grid-column>
	<eui-grid-column field="attr" title="Attribute" width="30%" [editable]="true"></eui-grid-column>
	<eui-grid-column field="status" title="Status" align="center" [editable]="true">
		<ng-template euiEditTemplate let-row="row">
			<eui-switchbutton [(ngModel)]="row.status" style="max-width:80px" onText="true" offText="false"></eui-switchbutton>
		</ng-template>
	</eui-grid-column>
</eui-datagrid>

Tutorials and Demos are Ready

Lots of tutorials and demos applications help you learn more about this framework.

EasyUI provides everything you need for building your web page. These tutorials will show you step-by-step how to create your application. Enjoy and hopefully you can learn from them.

See Demos

All Plugins

jQuery EasyUI offers a full collection of components including powerful datagrid, treegrid, panel, combo and more for building cross-browser web page. Users can use them all together, or just use some components they want.