# Kick Start Project
# welfare.tss.net.in
# 01 Config
- src/config/
# 02 Modules
- src/store/modules/
- member.js
- settings.js
- src/store/
# 03 Components
- src/components/member
- MemberList.vue
- MemberCreate.vue
- MemberUpdate.vue
- MemberSearch.vue
- MemberTable.vue
# 04 Routes
- src/router
# api.cloudapmc.com
# 01 Models
- src/models/welfare/
- table.js
- view.js
# 02 Routes
- src/routes/welfare
- common_crud.js
- dashboard.js
- email.js
- user.js
- index.js
- src/routes/
- api.js
# tableColumn.js
const accounts = require("./accountColumns");
const security = require("./securityColumns");
module.exports = {
...accounts,
...security,
premises_unit: [
{
name: "premises_unit_name",
label: "Unit Name",
field: "premises_unit_name",
align: "left",
visible: true,
},
],
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# optionValues.js
export const yesNoOptions = [
{
label: "Yes",
value: "Y",
},
{
label: "No",
value: "N",
},
];
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# menu.json
{
"label": "Member",
"icon": "people",
"to": "/member",
"level": 1
}
1
2
3
4
5
6
2
3
4
5
6
# routes.js
{
path: "member",
meta: { requiresAuth: true },
component: () => import("components/member/MemberList.vue"),
},
1
2
3
4
5
6
2
3
4
5
6
# store/index.js
import Vue from "vue";
import Vuex from "vuex";
import member from "./modules/member";
const dataState = new createPersistedState({
paths: ["memebr"],
storage: {
getItem: (key) => LocalStorage.getItem(key),
setItem: (key, value) => LocalStorage.set(key, value),
removeItem: (key) => LocalStorage.remove(key),
},
});
//export default function (/* { ssrContext } */) {
const Store = new Vuex.Store({
plugins: [dataState],
state: {},
modules: { member },
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
# Rules
| Table | Front End | API Server |
|---|---|---|
| Use _ as seprated | Camle Case | CamelCase |
| Validation | ||
| Name singluar | Singular | Singlar |