route-filter.emb
Package Name :route-filter.emb
Description:基于浏览器环境 sme-router 为例开发的路由中间件，
可在路由请求中注入请求过滤，实现过滤和请求处理；
也可作为公共执行器 进行AJAX请求层分离
Description
他把函数变成Promise函数，在浏览器环境下执行全局函数的调用。
他把函数注入在Router 的request对象中 异步调用 Promise 函数 实现过滤。
他有几个优点和尝试:
前端无next 方法的替代方案。
分离Ajax 请求的实现方案。
使用场景 基于浏览器的 RMVC 构建过程过于复杂时，
我们可以使用他把Ajax 请求从 Controller 中脱离出去，
实现新的尝试 ARMVC ( Ajax Router Model View Controller );
Install 安装
npm install routefilter.emb -D
import registerExecutor from 'routefilter.emb'
// or 浏览器环境
registerExecutor()USE 使用
Quick to use 快速使用
引入
const registerExecutor= require('routefilter.emb') ;Tip: The browser environment does not need to be require.
浏览器环境不需要引入,可直接调用 registerExecutor 方法
执行器 & 使用
模拟执行器
//除非页面刷新自动再次调用 改变保存的 执行器 请设置返回事的错误捕捉 否则调用是await 将无法获取结果 ，或者只能使用 try来 错误捕捉 //适用页面不刷新单次验证环境
普通执行器
function Filter2(data, res) {
console.log('2.', data, res)
return Date.now()
}普通执行器调用
函数中建议使用 asynv await 调用 获取结果
路由中 执行器 会挂载 在 request 对象中
Executor.Filter2().then((res) => console.log(res));
// OR 路由中 执行器调用
let result= await req.Filter2(data)自执行执行器 _ 下滑线开头
自执行执行器 页面加载时会自动执行并保存结果会
页面刷新自动再次调用 改变保存的结果
适用页面不刷新单次验证环境
// 自执行执行器 _ 下滑线开头
function _Filter1(data) {
console.log('1', data)
return Date.now()
}自执行执行器 结果获取 &&调用
注意：获取的结果 是 注册时就已经执行并保存的 页面不刷新 任何时候获取的结果都是相同
再次调用获取新的结果只是返回新的结果 也不会更新自动执行的结果
//结果获取
let result= await Executor._Filter1_
//再次调用获取新的结果 此调用不会影响自动执行后的结果
let result =await Executor._Filter1()//如果没看懂 ，请看例子
Executor._Filter1_.then((res) => console.log(res));
//1566569316591
setTimeout(() => {
Executor._Filter1_.then((res) => console.log(res));
//结果相同 1566569316591
}, 1000)注入
请注意注册执行器 ，尽量不要执行器重名 根据过滤器函数名注入
全局注入 脱离路由 全局调用
全局多个注入 Array - 注入多个 脱离路由
// 注册全局 执行器 多个
registerExecutor([_Filter1, Filter2],true);全局单个注入 Function - 注入单个 脱离路由
// 注册全局过滤执行器 注意： 重复注入 自动执行执行器 会多次执行
registerExecutor(_Filter1,true);路由注入
与全局注册语法相同
在路由中注人的执行器 在路由执行后 全局也可以调用
request.Executor[执行器] 与全局调用 方法性质一致
router.use(registerExecutor(_Filter1))Demo 例子 FRMVC 增加过滤请求层的用法
FilterExecutor 滤器的编写
Executor=[
userSignIn(data) {
$.ajax({
type: "get",
url: "/users/issignin",
data,
dataType: "json",
success:(res)=>{return res},
error:(res)=>{return res }
})
},
// 自执行执行器 _ 下滑线开头
_Filter1(data) {
console.log('1', data)
return Date.now()
}
]
export default ExecutorRouter注入过滤器
import userFilter from './filter/userFilter.js'
//用户过滤器 . 过滤器层
const router = new SMERouter('router-view', 'hash')
// 脱离路由 注册全局过滤执行器 多个
registerExecutor(FuserFilter.userSignIn,true);
//OR 路由注册
router.use(registerExecutor(userFilter.userSignIn))
Controller 使用过滤器
//路由控制器调用
class Controller {
async render(req, res, next) {
//执行全局执行器 获取注册时自执行的数据
let result1 = await Executor._Filter1_;
//再次执行 获取新的数据
let result2 = await Executor._Filter1();
//调用 用户验证过滤执行器
let isSingIn = await req.Executor.userSignIn(Data);
if (isSingIn) {
//如果验证成功 ，渲染
res.render("Rander Page")
}
}
}
export default new Controller()
Author:吃火星的宝宝
GitHub: embaobao
Web :个人网站
Thank you for using !
谢谢您的使用！
Hope you can put forward more opinions!
希望您可以提出更多意见！