add request api

README.md

@@ -91,7 +91,7 @@
 
 ตัวอักษรภาษาอังกฤษตัวพิมพ์<u>ใหญ่</u> ทั้งหมด คั่นระหว่างคำด้วย "_" เช่น
 
-```javascript
+```react
 // urlConstant.js
 
 export const URI = "localhost:3000"
@@ -108,7 +108,7 @@ export const URL_LOGIN = URI + "/login"
 
 ตามด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>เล็ก</u> 
 
-```javascript
+```react
 // wdsUtils.js
 
 /**
@@ -135,7 +135,7 @@ export const _calculateAdd = (input1, input2) => {
 
 การเขียน JS doc
 
-```javascript
+```react
 // parameter input
 // @param เว้นวรรค ตามด้วย "{ประเภทตัวแปร}" เว้นวรรค ตามด้วย "ชื่อตัวแปร"
 @param {data type} parameter
@@ -155,6 +155,8 @@ export const _calculateAdd = (input1, input2) => {
 
 
 
+
+
 ### Variable
 
 ขึ้นต้นด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>เล็ก</u> 
@@ -163,7 +165,7 @@ export const _calculateAdd = (input1, input2) => {
 
 ตามด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>เล็ก</u> 
 
-```javascript
+```react
 const input1Parameter
 let input2Parameter
 ```
@@ -174,7 +176,7 @@ let input2Parameter
 
 ขึ้นต้นด้วยคำว่า "is" หรือ "has" ตามบริบทของการใช้งาน
 
-```javascript
+```react
 const isValid = true
 const hasChild = false
 ```
@@ -185,7 +187,7 @@ const hasChild = false
 
 ตัวอักษรภาษาอังกฤษตัวพิมพ์<u>เล็ก</u> ทั้งหมด คั่นระหว่างคำด้วย "_"
 
-```javascript
+```react
 const page_name = "Home";
 ```
 
@@ -201,7 +203,7 @@ const page_name = "Home";
 
 ตามด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>เล็ก</u> 
 
-```javascript
+```react
 componentDidMount() {
     // To Do
 }
@@ -217,7 +219,7 @@ componentDidMount() {
 
 ตามด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>เล็ก</u> 
 
-```javascript
+```react
 onClick = (e) => {
     // Recommended
 }
@@ -238,7 +240,7 @@ function onClick(e) {
 
 ตามด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>เล็ก</u> 
 
-```javascript
+```react
 _validateFromSubmit = (e) => {
     // Recommended
 }
@@ -253,7 +255,7 @@ function _validateFromSubmit(e) {
 
 ### Class
 
-```javascript
+```react
 import React, { Component, Fragment } from 'react';
 
 export default class HomePage extends Component {
@@ -278,7 +280,7 @@ export default class HomePage extends Component {
 
 ตามด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>เล็ก</u>  ตามด้วยคำว่า  "Component"
 
-```javascript
+```react
 import React, { Component, Fragment } from 'react';
 import { Input, Icon } from 'antd';
 
@@ -298,11 +300,9 @@ export default class WDSUsernameTextfieldComponent extends Component {
 
 ขึ้นต้นด้วย "WDS " ตามด้วย ชื่อของ Template ที่ขึ้นต้นด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>ใหญ่</u> เฉพาะตัวอักษรตัวแรก
 
-คั่นระหว่างคำด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>ใหญ่</u> เฉพาะตัวอักษรตัวแรก
-
 ตามด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>เล็ก</u>  ตามด้วยคำว่า  "Template"
 
-```javascript
+```react
 import React, { Component } from 'react';
 import { Layout } from 'antd';
 
@@ -335,7 +335,7 @@ export default class WDSFooterTemplate extends Component {
 
 ตามด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>เล็ก</u>  ตามด้วยคำว่า  "Page"
 
-```javascript
+```react
 import React from 'react';
 import Axios from 'axios';
 
@@ -375,7 +375,7 @@ export default class LoginPage extends React.Component {
 
 ### Import
 
-```javascript
+```react
 // กลุ่มของ Dependency Library 
 import React, { Component, Fragment } from 'react';
 import Axios from 'axios';
@@ -414,39 +414,31 @@ import '../../resources/style/css/style.css';
 
 #### Publish (emit)
 
-```javascript
+```react
 this.props.eventEmitter.emit(actionName,data)
 ```
 
-	#### Subscription (on)
+#### Subscription (on)
 
-```javascript
+```react
 this.props.eventEmitter.on(actionName,listener)
 ```
 
  	#### Unsubscription (removeAllListeners)	
 
-```javascript
+```react
 this.props.eventEmitter.removeListener()
 ```
 
 
 
-
-
-
-
-
-
-
-
 ## 4. Routing
 
 ### Switch
 
 Switch เป็นการทำ Route แบบเปลี่ยนทั้งหน้า เมื่อ url เปลี่ยนหน้าจอจะแสดงผลที่ตรงกับ path ที่ระบุไว้เพียงหน้าจอเดียว โดยเรียงลำดับการแสดงผลจากบนลงล่าง
 
-```javascript
+```react
 // app.js
 
 import React, { Component } from 'react';
@@ -467,7 +459,7 @@ export default App;
 
 import ไฟล์ mainRoutes.js เพื่อใช้ในการกำหนดเส้นทาง App.js
 
-```javascript
+```react
 // mainRoutes.js
 
 import React from 'react';
@@ -486,7 +478,6 @@ export default ({ eventEmitter }) => (
     />
   </Switch>
 );
-
 ```
 
 
@@ -495,7 +486,7 @@ export default ({ eventEmitter }) => (
 
 match เป็นการแสดงผล component เฉพาะส่วน ซึ่งสามารถทำงานภายใต้หน้าจอหลักได้ 
 
-```javascript
+```react
 // mainPage.jsx
 
 import React from 'react';
@@ -530,7 +521,7 @@ export default class MainPage extends React.Component {
 
 import ไฟล์ contentRoutes.js เพื่อใช้ในการกำหนดเส้นทาง App.js
 
-```javascript
+```react
 //contentRoutes.js
 
 import React from 'react';
@@ -558,7 +549,52 @@ export default ({ match }) => {
 
 ## 5. Calling API
 
-call 
+ #### post
+
+ขึ้นต้นด้วยคำว่า "_request" ตามด้วย ชื่อของ API ที่ขึ้นต้นด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>ใหญ่</u> เฉพาะตัวอักษรตัวแรก
+
+ตามด้วยตัวอักษรภาษาอังกฤษตัวพิมพ์<u>เล็ก</u>  ตามด้วยคำว่า  "Api"
+
+```react
+import React, { Component } from 'react';
+import Axios from 'axios';
+import { Layout } from 'antd';
+
+import Header from '../../templates/layout/header/WDSHeaderTemplate';
+
+import * as UrlConstants from '../../resources/js/constants/urlConstants';
+
+export default class MainPage extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { collapsed: false };
+  }
+
+  componentDidMount() {
+    this._requestGetSystemInfoApi();
+  }
+    
+  _requestGetSystemInfoApi = async () => {
+    const params = {};
+    const results = await Axios.post(UrlConstants.URL_GET_SYSTEM_INFO, params);
+
+    if (results.data.success) {
+     	// TO DO
+    }
+  };
+
+  render() {
+    return (
+      <Layout style={{ minHeight: '100vh' }}>
+        <Header />
+      </Layout>
+    );
+  }
+}
+
+```
+
+