9 |
欢迎光临铭帝系统门窗管理系统
10 |
17 | );
18 | }
19 |
20 | IndexPage.propTypes = {};
21 |
22 | export default connect()(IndexPage);
23 |
--------------------------------------------------------------------------------
/src/routes/IndexPage/index.css:
--------------------------------------------------------------------------------
1 |
2 | .normal {
3 | text-align: center;
4 | padding-top: 150px;
5 | background-color: #fff;
6 | box-sizing: border-box;
7 | position: absolute;
8 | top: 0;
9 | right: 0;
10 | bottom: 0;
11 | left: 0;
12 | }
13 |
14 | .title {
15 | font-size: 24px;
16 | font-weight: normal;
17 | letter-spacing: 1px;
18 | }
19 |
20 | .welcome {
21 | height: 328px;
22 | background: url(../../assets/yay.jpg) no-repeat center 0;
23 | background-size: 388px 328px;
24 | margin-top: 50px;
25 | }
26 |
27 | .list {
28 | font-size: 1.2em;
29 | margin-top: 1.8em;
30 | list-style: none;
31 | line-height: 1.5em;
32 | }
33 |
34 | .list code {
35 | background: #f7f7f7;
36 | }
37 |
--------------------------------------------------------------------------------
/src/routes/Manage/Manage.jsx:
--------------------------------------------------------------------------------
1 | import React, {Component,PropTypes} from 'react';
2 | import {connect} from 'dva';
3 | import {routerRedux} from 'dva/router';
4 | import {Search} from '../../components/SearchBar/SearchBar';
5 | import {redirect} from '../../utils/webSessionUtils';
6 | require('./index.css');
7 |
8 | class Manage extends Component{
9 | constructor(props) {
10 | super(props);
11 | }
12 |
13 | componentWillMount(){
14 | let {isLogin} = this.props.systemUser;
15 | if(!isLogin){
16 | redirect();
17 | }
18 | }
19 |
20 | render(){
21 | return (
22 |
23 | {this.props.children}
24 |
25 | );
26 | }
27 | }
28 |
29 | Manage.propTypes = {
30 | orders:PropTypes.object,
31 | };
32 |
33 | function mapStateToProps({systemUser}) {
34 | return {systemUser};
35 | }
36 |
37 | export default connect(mapStateToProps)(Manage);
--------------------------------------------------------------------------------
/src/routes/Manage/index.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yvanwangl/AccountSystem/93e90142fba857dad710393725d2f98136c682bd/src/routes/Manage/index.css
--------------------------------------------------------------------------------
/src/routes/Orders/index.css:
--------------------------------------------------------------------------------
1 | .orderContainer {
2 | padding: 20px 25px 100px;
3 | background: #fff;
4 | }
--------------------------------------------------------------------------------
/src/routes/Products/index.css:
--------------------------------------------------------------------------------
1 | .productContainer {
2 | padding: 20px 25px 100px;
3 | background: #fff;
4 | }
--------------------------------------------------------------------------------
/src/routes/Resource/Resource.jsx:
--------------------------------------------------------------------------------
1 | import React, {Component, PropTypes} from 'react';
2 | import {connect} from 'dva';
3 | import {routerRedux} from 'dva/router';
4 | import BreadcrumbList from '../../components/BreadcrumbList/BreadcrumbList';
5 | import ResourceSearchForm from '../../components/Resource/ResourceSearchForm/ResourceSearchForm';
6 | import Stock from '../Stock/Stock';
7 | import Funds from '../Funds/Funds';
8 | import {Button} from 'antd';
9 | import {redirect} from '../../utils/webSessionUtils';
10 | import styles from './index.css';
11 |
12 | function genResource({dispatch, resource}) {
13 |
14 | const {
15 | breadcrumbItems,
16 | products,
17 | stocks,
18 | funds,
19 | loading
20 | } = resource;
21 |
22 | const onSearch = (fieldValues) => {
23 | dispatch({
24 | type: 'resource/query',
25 | payload: fieldValues
26 | });
27 | };
28 |
29 | const onSettlement = ()=>{
30 | dispatch({
31 | type: 'resource/onSettlement'
32 | });
33 | };
34 |
35 | return (
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 | );
48 | }
49 | class Resource extends Component {
50 | constructor(props) {
51 | super(props);
52 | }
53 |
54 | componentWillMount(){
55 | let {isLogin} = this.props.systemUser;
56 | return !isLogin && redirect();
57 | }
58 |
59 | render() {
60 | let {isLogin} = this.props.systemUser;
61 | return isLogin && genResource(this.props);
62 | }
63 | }
64 |
65 | function mapStateToProps({resource, stocks, funds, systemUser}) {
66 | return {resource, systemUser};
67 | }
68 |
69 | export default connect(mapStateToProps)(Resource);
--------------------------------------------------------------------------------
/src/routes/Resource/index.css:
--------------------------------------------------------------------------------
1 | .resourceContainer {
2 | padding: 20px 25px 100px;
3 | background: #fff;
4 | }
5 |
6 | .search {
7 | margin-bottom: 20px;
8 | padding: 0 25px;
9 | display: flex;
10 | flex-direction: row;
11 | justify-content: space-between;
12 | align-items: center;
13 | background: #fff;
14 | }
15 |
16 | .settlementButton {
17 | display: inline-block;
18 | }
--------------------------------------------------------------------------------
/src/routes/Settlement/Settlement.jsx:
--------------------------------------------------------------------------------
1 | import React, {Component,PropTypes} from 'react';
2 | import {connect} from 'dva';
3 | import SearchBar from '../../components/SearchBar/SearchBar';
4 | import SettlementSearchForm from '../../components/Settlement/SettlementSearchForm/SettlementSearchForm';
5 | import SettlementList from '../../components/Settlement/SettlementList/SettlementList';
6 | import ProductList from '../../components/Stocks/StockList/StockList';
7 | import {routerRedux} from 'dva/router';
8 | import BreadcrumbList from '../../components/BreadcrumbList/BreadcrumbList';
9 | import {redirect} from '../../utils/webSessionUtils';
10 | import {search, settlementClass, settlementContainer, addSettlementContainer, modifySettlementContainer, productList, productListTitle} from './index.css';
11 |
12 | function genSettlement({dispatch, settlement}){
13 | const {
14 | list,
15 | total,
16 | timeRange,
17 | loading,
18 | current,
19 | breadcrumbItems,
20 | settlementItems,
21 | settlementId
22 | } = settlement;
23 |
24 | const settlementListProps ={
25 | current,
26 | total,
27 | dataSource: list,
28 | settlementId,
29 | loading,
30 | onSettlementSelect(settlementId){
31 | dispatch({
32 | type: 'settlement/settlementSelect',
33 | payload: {
34 | settlementId
35 | }
36 | });
37 | },
38 | onPageChange(page){
39 | dispatch({
40 | type:'settlement/query',
41 | payload: {timeRange, page}
42 | });
43 | }
44 | };
45 |
46 | const onSearch = (fieldValues)=>{
47 | dispatch({
48 | type:'settlement/query',
49 | payload:{...fieldValues, page:1}
50 | });
51 | };
52 |
53 | return (
54 |
67 | );
68 | }
69 |
70 | class Settlement extends Component {
71 | constructor(props){
72 | super(props);
73 | }
74 |
75 | componentWillMount(){
76 | let {isLogin} = this.props.systemUser;
77 | return !isLogin && redirect();
78 | }
79 |
80 | render(){
81 | let {isLogin} = this.props.systemUser;
82 | return isLogin && genSettlement(this.props);
83 | }
84 | }
85 |
86 | Settlement.propTypes = {
87 | orders:PropTypes.object,
88 | };
89 |
90 | function mapStateToProps({settlement, systemUser}) {
91 | return {settlement, systemUser};
92 | }
93 |
94 |
95 | export default connect(mapStateToProps)(Settlement);
--------------------------------------------------------------------------------
/src/routes/Settlement/index.css:
--------------------------------------------------------------------------------
1 | .search {
2 | margin-bottom: 20px;
3 | display: flex;
4 | flex-direction: row;
5 | justify-content: space-between;
6 | align-items: center;
7 | }
8 |
9 | .settlementContainer {
10 | padding: 20px 25px 100px;
11 | background: #fff;
12 | }
13 |
14 | .productList {
15 | margin-top: 20px;
16 | background-color: #fff;
17 | padding: 20px 25px 50px;
18 | }
19 |
20 | .productListTitle {
21 | padding: 20px 0;
22 | border-bottom: solid 2px #979797;
23 | text-align: center;
24 | font-size: 20px;
25 | position: relative;
26 | margin-bottom: 30px;
27 | font-weight: normal;
28 | }
--------------------------------------------------------------------------------
/src/routes/Stock/Stock.jsx:
--------------------------------------------------------------------------------
1 | import React, {Component, PropTypes} from 'react';
2 | import {connect} from 'dva';
3 | import {routerRedux} from 'dva/router';
4 | import StockSearchForm from '../../components/Stocks/StockSearchForm/StockSearchForm';
5 | import StockList from '../../components/Stocks/StockList/StockList';
6 | import {redirect} from '../../utils/webSessionUtils';
7 | import styles from './index.css';
8 |
9 | function genStock({dispatch, stocks, loading}) {
10 | /*const {
11 | list,
12 | field,
13 | keyword,
14 | loading
15 | } = stocks;
16 |
17 | const stockSearch = {
18 | field,
19 | keyword,
20 | onSearch(fieldValues){
21 | dispatch(routerRedux.push({
22 | pathname: '/stocks',
23 | query: {...fieldValues, page: 1}
24 | }));
25 | }
26 | };*/
27 | const stockList = {
28 | dataSource: stocks,
29 | loading
30 | };
31 | return (
32 |
33 |
仓库明细表
34 | {/**/}
35 |
36 |
37 | );
38 | }
39 | class Stock extends Component {
40 | constructor(props) {
41 | super(props);
42 | }
43 |
44 | static propTypes = {
45 | stocks: PropTypes.array,
46 | };
47 |
48 | render() {
49 | return genStock(this.props);
50 | }
51 | }
52 |
53 | export default Stock;
--------------------------------------------------------------------------------
/src/routes/Stock/index.css:
--------------------------------------------------------------------------------
1 | .stockContainer {
2 | padding: 20px 25px 50px;
3 | background: #fff;
4 | margin-bottom: 20px;
5 | }
6 |
7 | .stockTitle {
8 | padding: 20px 0;
9 | border-bottom: solid 2px #979797;
10 | text-align: center;
11 | font-size: 20px;
12 | position: relative;
13 | margin-bottom: 30px;
14 | font-weight: normal;
15 | }
--------------------------------------------------------------------------------
/src/routes/Storage/index.css:
--------------------------------------------------------------------------------
1 | .storageContainer {
2 | padding: 20px 25px 100px;
3 | background: #fff;
4 | }
--------------------------------------------------------------------------------
/src/routes/SupplierBills/index.css:
--------------------------------------------------------------------------------
1 | .search {
2 | margin-bottom: 20px;
3 | padding: 20px 25px;
4 | display: flex;
5 | flex-direction: row;
6 | justify-content: space-between;
7 | align-items: center;
8 | background: #fff;
9 | }
10 |
11 | .debtStorageListContainer,
12 | .supplierBillsListContainer {
13 | padding: 20px 25px 50px;
14 | background: #fff;
15 | margin-bottom: 20px;
16 | }
17 | .debtStorageListContainer {
18 | padding: 20px 25px 100px;
19 | }
20 |
21 | .billsList {
22 | margin-top: 20px;
23 | background-color: #fff;
24 | padding: 20px 25px 50px;
25 | }
26 |
27 | .billsListTitle {
28 | padding: 20px 0;
29 | border-bottom: solid 2px #979797;
30 | text-align: center;
31 | font-size: 20px;
32 | position: relative;
33 | margin-bottom: 30px;
34 | font-weight: normal;
35 | }
--------------------------------------------------------------------------------
/src/routes/Suppliers/index.css:
--------------------------------------------------------------------------------
1 | .supplierContainer {
2 | padding: 20px 25px 100px;
3 | background: #fff;
4 | }
--------------------------------------------------------------------------------
/src/services/customerBills.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 | import qs from 'qs';
3 |
4 | const ORDER_API = '/api/customerBills';
5 |
6 | export async function query(params) {
7 | return request(`${ORDER_API}?${qs.stringify(params)}`);
8 | }
9 |
10 | export async function doClearOrder(params) {
11 | return request(`${ORDER_API}/doClearOrder`, {
12 | method: 'post',
13 | body: JSON.stringify(params)
14 | });
15 | }
16 |
17 | export async function doClearBill(params) {
18 | return request(`${ORDER_API}/doClearBill`, {
19 | method: 'post',
20 | body: JSON.stringify(params)
21 | });
22 | }
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/services/customers.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 | import qs from 'qs';
3 |
4 | const CUSTOMER_API = `/api/customers`;
5 |
6 | export async function query(params) {
7 | return request(`${CUSTOMER_API}?${qs.stringify(params)}`);
8 | }
9 |
10 | export async function queryAll() {
11 | return request(`${CUSTOMER_API}/all`);
12 | }
13 |
14 | export async function create(params) {
15 | return request(CUSTOMER_API, {
16 | method: 'post',
17 | body: JSON.stringify(params)
18 | });
19 | }
20 |
21 | export async function modify(params) {
22 | return request(`${CUSTOMER_API}/${params['id']}`, {
23 | method: 'put',
24 | body: JSON.stringify(params)
25 | });
26 | }
27 |
28 | export async function del(params) {
29 | return request(`${CUSTOMER_API}/${params['id']}`, {
30 | method: 'delete'
31 | });
32 | }
--------------------------------------------------------------------------------
/src/services/example.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 |
3 | export async function query() {
4 | return request('/api/users');
5 | }
6 |
--------------------------------------------------------------------------------
/src/services/funds.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 | import qs from 'qs';
3 |
4 | const FUND_API = '/api/resource';
5 |
6 | export async function query(params) {
7 | console.log(params);
8 | console.log(qs.stringify(params));
9 | return request(`${FUND_API}?${qs.stringify(params)}`);
10 | }
--------------------------------------------------------------------------------
/src/services/orders.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 | import qs from 'qs';
3 |
4 | const ORDER_API = '/api/orders';
5 |
6 | export async function query(params) {
7 | console.log(params);
8 | console.log(qs.stringify(params));
9 | return request(`${ORDER_API}?${qs.stringify(params)}`);
10 | }
11 |
12 | export async function create(params) {
13 | return request(ORDER_API, {
14 | method: 'post',
15 | body: JSON.stringify(params)
16 | });
17 | }
18 |
19 | export async function modify(params) {
20 | return request(`${ORDER_API}/${params['id']}`, {
21 | method: 'put',
22 | body: JSON.stringify(params)
23 | });
24 | }
25 |
26 | export async function del(params) {
27 | return request(`${ORDER_API}/${params['id']}`, {
28 | method: 'delete'
29 | });
30 | }
31 |
32 | export async function getOrderNumber() {
33 | return request(`${ORDER_API}/getOrderNumber`);
34 | }
35 |
36 | export async function getCustomers() {
37 | return request(`${ORDER_API}/getCustomers`);
38 | }
39 |
40 | export async function queryOrderById(orderId) {
41 | console.log(orderId);
42 | return request(`${ORDER_API}/${orderId}`);
43 | }
44 |
--------------------------------------------------------------------------------
/src/services/productStocks.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 | import qs from 'qs';
3 |
4 | const PRODUCT_STOCKS_API = `/api/productStocks`;
5 |
6 | export async function query() {
7 | return request(`${PRODUCT_STOCKS_API}`);
8 | }
9 |
10 |
--------------------------------------------------------------------------------
/src/services/products.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 | import qs from 'qs';
3 |
4 | const PRODUCT_API = `/api/products`;
5 |
6 | export async function query(params) {
7 | return request(`${PRODUCT_API}?${qs.stringify(params)}`);
8 | }
9 |
10 | export async function create(params) {
11 | return request(PRODUCT_API, {
12 | method: 'post',
13 | body: JSON.stringify(params)
14 | });
15 | }
16 |
17 | export async function modify(params) {
18 | return request(`${PRODUCT_API}/${params['id']}`, {
19 | method: 'put',
20 | body: JSON.stringify(params)
21 | });
22 | }
23 |
24 | export async function del(params) {
25 | return request(`${PRODUCT_API}/${params['id']}`, {
26 | method: 'delete'
27 | });
28 | }
29 |
--------------------------------------------------------------------------------
/src/services/resource.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 | import qs from 'qs';
3 |
4 | const RESOURCE_API = '/api/resource';
5 |
6 | export async function query(params) {
7 | return request(`${RESOURCE_API}?${qs.stringify(params)}`);
8 | }
9 |
10 | export async function onSettlement() {
11 | return request(RESOURCE_API,{
12 | method: 'post',
13 | body: JSON.stringify({})
14 | });
15 | }
--------------------------------------------------------------------------------
/src/services/serviceConfig.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by wyf on 2017/1/13.
3 | */
4 |
--------------------------------------------------------------------------------
/src/services/settlement.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 | import qs from 'qs';
3 |
4 | const SETTLEMENT_API = '/api/settlement';
5 |
6 | export async function query(params) {
7 | return request(`${SETTLEMENT_API}?${qs.stringify(params)}`);
8 | }
9 |
10 | export async function querySettlementItem(params) {
11 | return request(`${SETTLEMENT_API}/${params.settlementId}`);
12 | }
13 |
--------------------------------------------------------------------------------
/src/services/stocks.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 | import qs from 'qs';
3 |
4 | const STOCK_API = '/api/stocks';
5 |
6 | export async function query(params) {
7 | console.log(params);
8 | console.log(qs.stringify(params));
9 | return request(`${STOCK_API}?${qs.stringify(params)}`);
10 | }
--------------------------------------------------------------------------------
/src/services/storage.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 | import qs from 'qs';
3 |
4 | const STORAGE_API = '/api/storage';
5 |
6 | export async function query(params) {
7 | console.log(params);
8 | console.log(qs.stringify(params));
9 | return request(`${STORAGE_API}?${qs.stringify(params)}`);
10 | }
11 |
12 | export async function create(params) {
13 | return request(STORAGE_API, {
14 | method: 'post',
15 | body: JSON.stringify(params)
16 | });
17 | }
18 |
19 | export async function modify(params) {
20 | return request(`${STORAGE_API}/${params['id']}`, {
21 | method: 'put',
22 | body: JSON.stringify(params)
23 | });
24 | }
25 |
26 | export async function del(params) {
27 | return request(`${STORAGE_API}/${params['id']}`, {
28 | method: 'delete'
29 | });
30 | }
31 |
32 | export async function getNoteNumber() {
33 | return request(`${STORAGE_API}/getNoteNumber`);
34 | }
35 |
36 | export async function queryStorageById(storageId) {
37 | console.log(storageId);
38 | return request(`${STORAGE_API}/${storageId}`);
39 | }
40 |
--------------------------------------------------------------------------------
/src/services/supplierBills.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 | import qs from 'qs';
3 |
4 | const ORDER_API = '/api/supplierBills';
5 |
6 | export async function query(params) {
7 | return request(`${ORDER_API}?${qs.stringify(params)}`);
8 | }
9 |
10 | export async function doClearStorage(params) {
11 | return request(`${ORDER_API}/doClearStorage`, {
12 | method: 'post',
13 | body: JSON.stringify(params)
14 | });
15 | }
16 |
17 | export async function doClearBill(params) {
18 | return request(`${ORDER_API}/doClearBill`, {
19 | method: 'post',
20 | body: JSON.stringify(params)
21 | });
22 | }
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/services/suppliers.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 | import qs from 'qs';
3 |
4 | const SUPPLIER_API = `/api/suppliers`;
5 |
6 | export async function query(params) {
7 | return request(`${SUPPLIER_API}?${qs.stringify(params)}`);
8 | }
9 |
10 | export async function queryAll() {
11 | return request(`${SUPPLIER_API}/all`);
12 | }
13 |
14 | export async function create(params) {
15 | return request(SUPPLIER_API, {
16 | method: 'post',
17 | body: JSON.stringify(params)
18 | });
19 | }
20 |
21 | export async function modify(params) {
22 | return request(`${SUPPLIER_API}/${params['id']}`, {
23 | method: 'put',
24 | body: JSON.stringify(params)
25 | });
26 | }
27 |
28 | export async function del(params) {
29 | return request(`${SUPPLIER_API}/${params['id']}`, {
30 | method: 'delete'
31 | });
32 | }
33 |
--------------------------------------------------------------------------------
/src/services/systemUser.js:
--------------------------------------------------------------------------------
1 | import request from '../utils/request';
2 |
3 | const LOGIN_API = '/system';
4 |
5 | export async function doLogin(params) {
6 | console.log(params);
7 | return request( `${LOGIN_API}/login`,{
8 | method: 'POST',
9 | body: JSON.stringify(params)
10 | });
11 | }
12 |
13 | export async function doLogup(params) {
14 | return request( `${LOGIN_API}/logup`,{
15 | method: 'POST',
16 | body: JSON.stringify(params)
17 | });
18 | }
19 |
20 | export async function doLogout() {
21 | return request( `${LOGIN_API}/logout`,{
22 | method: 'POST'
23 | });
24 | }
25 |
--------------------------------------------------------------------------------
/src/tests/models/example-test.js:
--------------------------------------------------------------------------------
1 | import expect from 'expect';
2 | import example from '../../models/example';
3 |
4 | describe('example', () => {
5 |
6 | describe('reducer', () => {
7 | it('it should save', () => {
8 | expect(example.reducers['example/save']({}, {payload: {a: 1}})).toEqual({a: 1});
9 | });
10 | })
11 |
12 | });
13 |
--------------------------------------------------------------------------------
/src/utils/dateFormat.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by wyf on 2017/1/18.
3 | */
4 |
5 | export default function dateFormat(text, formatType) {
6 | let date = new Date(text);
7 | let year = date.getFullYear();
8 | let month = preFixO(date.getMonth() + 1);
9 | let day = preFixO(date.getDate());
10 | let dateStr = `${year}-${month}-${day}`;
11 | switch (formatType) {
12 | case 1:
13 | dateStr = `${year}年${month}月${day}日`;
14 | break;
15 | case 2:
16 | dateStr = `${year}/${month}/${day}`;
17 | break;
18 | default:
19 | break;
20 | }
21 | return dateStr;
22 | }
23 |
24 | function preFixO(number) {
25 | return ('0' + number).substr(-2);
26 | }
27 |
28 |
--------------------------------------------------------------------------------
/src/utils/numberFormat.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by hanlu on 2017/3/27.
3 | */
4 | import numeral from 'numeral';
5 |
6 | const numberFormat = (number)=> numeral(number).format('0,0.00');
7 |
8 | export default numberFormat;
--------------------------------------------------------------------------------
/src/utils/request.js:
--------------------------------------------------------------------------------
1 | import fetch from 'dva/fetch';
2 | import {HTTP_SERVER, DEFAULT_OPTIONS} from '../constants/constants';
3 |
4 | function parseJSON(response) {
5 | return response.json();
6 | }
7 |
8 | function checkStatus(response) {
9 | if (response.status >= 200 && response.status < 300) {
10 | return response;
11 | }
12 |
13 | const error = new Error(response.statusText);
14 | error.response = response;
15 | throw error;
16 | }
17 |
18 | /**
19 | * Requests a URL, returning a promise.
20 | *
21 | * @param {string} url The URL we want to request
22 | * @param {object} [options] The options we want to pass to "fetch"
23 | * @return {object} An object containing either "data" or "err"
24 | */
25 | //使用 express-session 时，浏览器端无法写入cookie的原因是：
26 | // 请求头设置模式为跨域，此处存在两个错误：
27 | // 1、开发模式下应该为跨域模式，而生产模式应该为同域模式
28 | // 2、开发模式下的跨越模式如果要写入 cookie 需要配置 credentials: 'include' 属性
29 | // const defaultOptions = {
30 | // mode: 'cors',
31 | // credentials: 'include',
32 | // headers: {
33 | // 'Content-Type': 'application/json'
34 | // },
35 | // };
36 | export default function request(url, options) {
37 | return fetch(`${HTTP_SERVER}${url}`, {...DEFAULT_OPTIONS, ...options})
38 | .then(checkStatus)
39 | .then(parseJSON)
40 | .then((data) => ({data}))
41 | .catch((err) => ({err}));
42 | }
43 |
--------------------------------------------------------------------------------
/src/utils/webSessionUtils.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by wyf on 2017/1/16.
3 | */
4 | import request from '../utils/request';
5 | import {message} from 'antd';
6 | import {browserHistory} from 'dva/router';
7 |
8 | const AUTH_API = `/api/auth`;
9 |
10 | export function getCurrentUser() {
11 | let sessionStorage = window.sessionStorage;
12 | if (sessionStorage['userInfo']) {
13 | return JSON.parse(sessionStorage['userInfo']);
14 | }
15 | return {};
16 | }
17 |
18 | export async function fetchIsAuth(callback) {
19 | return request(`${AUTH_API}?authToken=${getCurrentUser()['authToken']}`)
20 | .then(data => callback(data.data.isAuth))
21 | .catch(e => console.log(e));
22 | }
23 |
24 | export function redirect() {
25 | message.error('请登录！');
26 | //browserHistory.push 可能会导致路由丢失，推荐使用 reduxRouter
27 | browserHistory.push('/');
28 | return null;
29 | }
30 |
31 | /*授权验证*/
32 | export function requireAuth(nextState, replace) {
33 | const userInfo = sessionStorage.getItem('userInfo');
34 | if(!userInfo || userInfo=='null'){
35 | message.error('请登录！');
36 | replace('/');
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/system.config.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by hanlu on 2017/3/24.
3 | */
4 | const debug = process.env.NODE_ENV == 'development';
5 | //服务器端口
6 | const serverPort = '4000';
7 |
8 | //服务器地址
9 | //开发模式，服务器地址
10 | const httpServerDev = 'http://localhost:'+serverPort;
11 | //跨域请求头配置
12 | const defaultOptionsDev = {
13 | mode: 'cors',
14 | credentials: 'include',
15 | headers: {
16 | 'content-type': 'application/json'
17 | },
18 | };
19 |
20 | //部署模式，服务器地址
21 | const httpServerPro = '';
22 | //同域请求头配置
23 | const defaultOptionsProd = {
24 | credentials: 'same-origin',
25 | headers: {
26 | 'content-type': 'application/json'
27 | },
28 | };
29 |
30 |
31 | //数据库地址
32 | //开发模式数据库地址
33 | const mongooseConnectDev = "mongodb://localhost:27017/accountSystem";
34 | //部署模式数据库地址
35 | const mongooseConnectPro = "mongodb://localhost:27017/accountSystem";
36 |
37 | //上传图片后返回的服务器地址
38 | //可以在 ./service/routes/uploadProductImg.js 中对返回图片的路径进行拼接修改
39 | const uploadImgServerDev = 'localhost';
40 | const uploadImgServerPro = '192.168.195.74';
41 |
42 | module.exports = {
43 | httpServer: debug ? httpServerDev:httpServerPro,
44 | serverPort: serverPort,
45 | defaultOptions: debug ? defaultOptionsDev : defaultOptionsProd,
46 | mongooseConnect: debug ? mongooseConnectDev:mongooseConnectPro,
47 | uploadImgServer: debug ? uploadImgServerDev:uploadImgServerPro,
48 | //是否支持注册功能
49 | register: debug
50 | };
--------------------------------------------------------------------------------
/upload/uploadfiles/.ignore:
--------------------------------------------------------------------------------
1 | #ignore file
--------------------------------------------------------------------------------