quant-template是一款专为量投前端框架设计的插件,旨在帮助开发者快速生成常用模板,简化开发流程。我们不断更新和扩展模板库,以满足开发者的多样化需求。
支持的语言及文件扩展名:
基本方法:
前缀 | 方法 |
---|---|
quant default react→ | 生成基本页面模板 |
quant default models→ | 生成基本models模板 |
quant services models→ | 生成包含增删改查服务的models模板 |
quant services api→ | 生成services下的基础api对象 |
React组件示例:
import React, { Component } from 'react'
import { connect } from 'dva';
import { Card, Form } from 'quant-ui';
import PageHeaderLayout from '@/layouts/PageHeaderLayout'
class FileName extends Component {
render() {
return (
demo
)
}
}
export default connect(({ snippets, loading }) => {
const { } = snippets
return {
}
})(
Form.create()(FileName)
)
Models示例:
import { POST } from '@/utils/request';
import api from '@/services/api.js';
import { message } from "quant-ui"
export default {
namespace: 'FileName',
state: {
},
effects: {
},
reducers: {
save(state, { payload }) {
return {
...state, ...payload
};
},
},
subscriptions: {
},
};
import { POST } from "@/utils/request";
import api from "@/services/api.js";
import { message } from "quant-ui";
export default {
namespace: "FileName",
state: {
},
effects: {
//查询所有
*findAll({ payload }, { call, put }) {
const { errorCode, data } = yield call(POST, api.FileName.findAll);
if (errorCode == 0) {
}
},
//条件查询
*findByQuery({ payload }, { call, put }) {
const { errorCode, data } = yield call(POST, api.FileName.findByQuery, [payload]);
if (errorCode == 0) {
}
},
//更新、修改
*update({ payload }, { call, put }) {
const { errorCode, data } = yield call(POST, api.FileName.update, [payload]);
if (errorCode == 0) {
message.success("修改成功!");
}
},
//删除
*delete({ payload }, { call, put }) {
const { errorCode, data } = yield call(POST, api.FileName.delete, [payload]);
if (errorCode == 0) {
message.success("删除成功!");
}
},
//添加
*add({ payload }, { call, put }) {
const { errorCode, data } = yield call(POST, api.FileName.add, [payload]);
if (errorCode == 0) {
message.success("添加成功!");
}
},
},
reducers: {
save(state, { payload }) {
return {
...state, ...payload
};
},
},
subscriptions: {
},
};
API示例:
"namespace":{
findAll: basUrl "/service", //查询所有接口
findByQuery: basUrl "/service", //条件查询接口
update: basUrl "/service", //更新、修改接口
delete: basUrl "/service", //删除接口
add: basUrl "/service", //添加接口
},
quant-template插件通过提供丰富的模板和示例,帮助开发者在量投前端框架下更高效地进行开发工作。
本站所有资源都是由网友投稿发布,或转载各大下载站, 请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则 产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:study_golang@163.com