10月20日,北京【人工智能】源创会火热报名中,点击报名收获 AI 训练指南
Watch Star Fork

netnr / netnrfC#MIT

加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
netnrf响应式框架,基于Ace Admin框架菜单导航,Bootstrap布局,fontAwesome图标,内嵌Iframe用EasyUI做数据绑定,动态配置列表,动态配置表单 https://rf.netnr.com
一键复制 编辑 Web IDE 原始数据 按行查看 历史
index.html 7.46 KB
netnr 提交于 2018-10-14 17:20 . update
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link href="favicon.svg" rel="Shortcut Icon" type="image/svg" />
<title>netnrf响应式框架</title>
<meta name="keywords" content="netnrf,netnrf响应式框架,响应式框架,Bootstrap后台框架" />
<meta name="description" content="netnrf响应式框架,基于Ace Admin框架菜单导航,Bootstrap布局,fontAwesome图标,内嵌Iframe用EasyUI做数据绑定,动态配置列表,动态配置表单。" />
<link href="https://lib.baomitu.com/twitter-bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet">
<style>
/*footer*/
.footer {
width: 100%;
display: block;
margin-top: 70px;
padding: 20px 0;
text-align: center;
border-top: 1px solid #eee;
}
.row img {
max-width: 100%
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-12 mt-4">
<h1>netnrf 响应式框架</h1>
<ul>
<li>GitHub:<a href="https://github.com/netnr/netnrf">https://github.com/netnr/netnrf</a></li>
<li>Gitee:<a href="https://gitee.com/netnr/netnrf">https://gitee.com/netnr/netnrf</a></li>
<li><a href="https://ss.netnr.com/contact">联系(打赏)</a></li>
<li><a href="http://qm.qq.com/cgi-bin/qm/qr?k=oLmAflGAIODgeYw9tImSvBVX1SK_warh">加入QQ群</a></li>
</ul>
<hr>
<h2><a href="CHANGELOG.md">更新日志</a></h2>
<hr>
<blockquote>
<p>如果该项目对你有帮助,请你为项目Star,谢谢,这是对我精神上的支持,也是能一直坚持下去的动力。</p>
</blockquote>
<blockquote>
<p>在线演示:<a href="https://rf2.netnr.com">https://rf2.netnr.com</a></p>
</blockquote>
<hr>
<h2>项目结构</h2>
<ul>
<li>Netnr.Core 类库</li>
<li>Netnr.Data 数据访问、仓储</li>
<li>Netnr.Domain 实体</li>
<li>Netnr.Func 应用</li>
<li>Netnr.ResponseFramework Web站点</li>
</ul>
<hr>
<h2>数据表</h2>
<ul>
<li>系统用户(SysUser)</li>
<li>系统角色、角色权限(SysRole)</li>
<li>系统菜单(SysMenu)</li>
<li>系统按钮(SysButton)</li>
<li>系统日志(SysLog)</li>
<li>表配置(SysTableConfig)</li>
</ul>
<hr>
<h2>功能</h2>
<ul>
<li>表格:动态配置标题、宽度、排序、对齐方式、格式化、冻结、点击排序等</li>
<li>表单:动态生成表单,自定义标题、排序、跨列、类型、必填等</li>
<li>查询:动态生成查询面板,自定义哪些字段支持查询</li>
<li>等等</li>
</ul>
<hr>
<h2>使用</h2>
<ol>
<li>创建表、写字段注释(方便生成表配置)</li>
<li>生成表配置,可以用【工具箱】-【表管理】-【生成表配置】,也可以直接拷贝文件夹<code>wwwroot/scripts/table-config/</code>对应的<code>SQL</code>脚本运行</li>
<li>修改表配置,表格,表单、查询,调整为需要展示的形式(标题、宽度、排序、输入类型、列格式化、必填、默认值等,根据业务拓展配置项)</li>
<li>修改表配置,输入类型配置,需要配置下拉框、下拉树等,在<code>Common</code>控制器写方法,<code>url</code>源指向这个方法访问的地址</li>
<li>修改表配置,列格式化配置,比如状态需要格式化为<code>启用</code><code>停用</code>,有常用公共的格式化方法,也可以配置自定义格式化方法<code>col_custom_字段小写</code></li>
<li>创建一个页面,菜单表添加此页面,配置操作按钮</li>
<li>写表对应的查询、保存(新增/修改)、删除方法,参考【系统设置】里面的功能</li>
<li>基于<code>z.js</code>封装的表格方法(API与EasyUI保持一致,看EasyUI文档即可),配置查询表的请求地址、表格类型、分页、复选等</li>
</ol>
<hr>
<h2>v2.x</h2>
<ul>
<li>前端采用 jQuery + Bootstrap + EasyUI + AceAdmin + fontAwesome</li>
<li>后端采用 Asp.Net Core + EF + SQL(SQLServer、MySQL、SQLite)</li>
<li>数据库脚本放置于 <code>wwwroot/scripts/</code>目录下</li>
<li>Visual Studio 2017 运行项目,跨数据库、跨平台支持(在线demo部署在Linux服务器上)</li>
</ul>
<hr>
<h2>截图</h2>
<h4>列表</h4>
<p><img src="https://netnr.gitee.io/gs/2018/05/18/403ce7d002.png" alt="列表"></p>
<h4>新增、编辑、查看</h4>
<p><img src="https://netnr.gitee.io/gs/2018/05/18/8d25d345b2.png" alt="表单"></p>
<h4>列表配置</h4>
<p><img src="https://netnr.gitee.io/gs/2018/05/18/13da6572a3.png" alt="列表配置"></p>
<h4>表单配置</h4>
<p><img src="https://netnr.gitee.io/gs/2018/05/18/0c98ee578c.png" alt="表单配置"></p>
<h4>角色权限配置(树)</h4>
<p><img src="https://netnr.gitee.io/gs/2018/08/16/31a55cac78.png" alt="角色权限配置"></p>
<hr>
<h2>第三方文档API</h2>
<ul>
<li><a href="https://ad.netnr.com/#EasyUI-1.5.2">EasyUI文档</a></li>
<li><a href="https://ad.netnr.com/#jQuery-1.11.3">jQuery文档</a></li>
</ul>
<hr>
<h2>v1 2017-03(已停更)</h2>
<ul>
<li>在线演示:<a href="https://rf1.netnr.com">https://rf1.netnr.com</a></li>
<li>asp.net mvc4 + sqlite</li>
<li><code>jquery</code> <code>bootstrap</code> <code>easyui</code> <code>ace-admin</code> <code>font-awesome</code></li>
</ul>
<hr>
<p>PoweredBy <a href="https://www.netnr.com">netnr.com</a></p>
</div>
</div>
</div>
<!--页脚-->
<footer class="footer">
&copy; <a href="https://www.netnr.com">netnr</a>
</footer>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-124641448-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-124641448-3');
</script>
</body>
</html>

评论 ( 0 )

你可以在登录后,发表评论

搜索帮助