konenet
4 years ago
15 changed files with 50136 additions and 10078 deletions
@ -1,38 +0,0 @@
@@ -1,38 +0,0 @@
|
||||
.App { |
||||
text-align: center; |
||||
} |
||||
|
||||
.App-logo { |
||||
height: 40vmin; |
||||
pointer-events: none; |
||||
} |
||||
|
||||
@media (prefers-reduced-motion: no-preference) { |
||||
.App-logo { |
||||
animation: App-logo-spin infinite 20s linear; |
||||
} |
||||
} |
||||
|
||||
.App-header { |
||||
background-color: #282c34; |
||||
min-height: 100vh; |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
justify-content: center; |
||||
font-size: calc(10px + 2vmin); |
||||
color: white; |
||||
} |
||||
|
||||
.App-link { |
||||
color: #61dafb; |
||||
} |
||||
|
||||
@keyframes App-logo-spin { |
||||
from { |
||||
transform: rotate(0deg); |
||||
} |
||||
to { |
||||
transform: rotate(360deg); |
||||
} |
||||
} |
||||
@ -1,25 +0,0 @@
@@ -1,25 +0,0 @@
|
||||
import logo from './logo.svg'; |
||||
import './App.css'; |
||||
|
||||
function App() { |
||||
return ( |
||||
<div className="App"> |
||||
<header className="App-header"> |
||||
<img src={logo} className="App-logo" alt="logo" /> |
||||
<p> |
||||
Edit <code>src/App.js</code> and save to reload. |
||||
</p> |
||||
<a |
||||
className="App-link" |
||||
href="https://reactjs.org" |
||||
target="_blank" |
||||
rel="noopener noreferrer" |
||||
> |
||||
Learn React |
||||
</a> |
||||
</header> |
||||
</div> |
||||
); |
||||
} |
||||
|
||||
export default App; |
||||
@ -0,0 +1,80 @@
@@ -0,0 +1,80 @@
|
||||
import React from 'react'; |
||||
import { |
||||
Button, |
||||
Form, |
||||
Input, |
||||
message |
||||
} from 'antd'; |
||||
import { axiosPostBody } from './util/Request'; |
||||
import * as Params from './common/param/Params' |
||||
|
||||
class Login extends React.Component { |
||||
constructor(props) { |
||||
super(props) |
||||
this.state = { |
||||
} |
||||
|
||||
} |
||||
|
||||
componentDidMount() { |
||||
|
||||
} |
||||
|
||||
onFinish = (values) => { |
||||
let data = { |
||||
username: values.username, |
||||
password: values.password |
||||
} |
||||
axiosPostBody(Params.LOGIN_URL, data) |
||||
.then(response => { |
||||
message.success("登录成功！"); |
||||
localStorage.username = response.data.username |
||||
this.props.history.push("panel/" + response.data.uuid) |
||||
}); |
||||
}; |
||||
|
||||
onFinishFailed = (errorInfo) => { |
||||
console.log('Failed:', errorInfo); |
||||
}; |
||||
|
||||
render() { |
||||
|
||||
return ( |
||||
<div> |
||||
<Form |
||||
name="basic" |
||||
labelCol={{ span: 9 }} |
||||
wrapperCol={{ span: 6 }} |
||||
onFinish={this.onFinish} |
||||
onFinishFailed={this.onFinishFailed} |
||||
autoComplete="off" |
||||
style={{ marginTop: 150 }} |
||||
> |
||||
<Form.Item |
||||
label="Username" |
||||
name="username" |
||||
rules={[{ required: true, message: 'Please input your username!' }]} |
||||
> |
||||
<Input /> |
||||
</Form.Item> |
||||
|
||||
<Form.Item |
||||
label="Password" |
||||
name="password" |
||||
rules={[{ required: true, message: 'Please input your password!' }]} |
||||
> |
||||
<Input.Password /> |
||||
</Form.Item> |
||||
|
||||
<Form.Item wrapperCol={{ offset: 9, span: 6 }}> |
||||
<Button type="primary" htmlType="submit"> |
||||
Submit |
||||
</Button> |
||||
</Form.Item> |
||||
</Form> |
||||
</div> |
||||
); |
||||
} |
||||
} |
||||
|
||||
export default Login; |
||||
@ -0,0 +1,23 @@
@@ -0,0 +1,23 @@
|
||||
export const API_VERSION = "/api/v1/"; |
||||
|
||||
//local |
||||
export const HOST = "http://local.deepsky.com:8888"; |
||||
|
||||
export const LOGIN_URL = HOST + '/user/login' |
||||
export const USER_URL = HOST + '/user/' |
||||
export const USER_LIST_URL = HOST + '/user' |
||||
|
||||
export const USER_FRIEND_URL = HOST + '/friend' |
||||
|
||||
export const MESSAGE_URL = HOST + '/message' |
||||
|
||||
export const GROUP_LIST_URL = HOST + '/group' |
||||
export const GROUP_USER_URL = HOST + '/group/user/' |
||||
|
||||
|
||||
|
||||
|
||||
export const FINANCIAL_PARAM_URL = HOST + API_VERSION + 'financial-param/'; |
||||
export const AUTH_HEADER_KEY = "Authorization"; |
||||
export const TOKEN_PREFIX = "Bearer "; |
||||
|
||||
@ -0,0 +1,15 @@
@@ -0,0 +1,15 @@
|
||||
syntax = "proto3"; |
||||
package protocol; |
||||
|
||||
message Message { |
||||
string avatar = 1; |
||||
string fromUsername = 2; |
||||
string from = 3; |
||||
string to = 4; |
||||
string content = 5; |
||||
int32 contentType = 6; |
||||
string type = 7; |
||||
int32 messageType = 8; |
||||
string url = 9; |
||||
bytes file = 10; |
||||
} |
||||
@ -0,0 +1,58 @@
@@ -0,0 +1,58 @@
|
||||
/*eslint-disable block-scoped-var, id-length, no-control-regex, no-magic-numbers, no-prototype-builtins, no-redeclare, no-shadow, no-var, sort-vars*/ |
||||
// "use strict";
|
||||
|
||||
var $protobuf = require("protobufjs/light"); |
||||
|
||||
var $root = ($protobuf.roots["default"] || ($protobuf.roots["default"] = new $protobuf.Root())) |
||||
.addJSON({ |
||||
protocol: { |
||||
nested: { |
||||
Message: { |
||||
fields: { |
||||
avatar: { |
||||
type: "string", |
||||
id: 1 |
||||
}, |
||||
fromUsername: { |
||||
type: "string", |
||||
id: 2 |
||||
}, |
||||
from: { |
||||
type: "string", |
||||
id: 3 |
||||
}, |
||||
to: { |
||||
type: "string", |
||||
id: 4 |
||||
}, |
||||
content: { |
||||
type: "string", |
||||
id: 5 |
||||
}, |
||||
contentType: { |
||||
type: "int32", |
||||
id: 6 |
||||
}, |
||||
type: { |
||||
type: "string", |
||||
id: 7 |
||||
}, |
||||
messageType: { |
||||
type: "int32", |
||||
id: 8 |
||||
}, |
||||
url: { |
||||
type: "string", |
||||
id: 9 |
||||
}, |
||||
file: { |
||||
type: "bytes", |
||||
id: 10 |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}); |
||||
|
||||
module.exports = $root; |
||||
@ -0,0 +1,99 @@
@@ -0,0 +1,99 @@
|
||||
import axios from 'axios' |
||||
import qs from 'qs' |
||||
import { |
||||
message |
||||
} from 'antd'; |
||||
|
||||
function axiosPost(url, data, options = { dealError: false }) { |
||||
return new Promise((resolve, reject) => { |
||||
axios.post(url, qs.stringify(data), { |
||||
headers: { |
||||
// "Authorization": Params.TOKEN_PREFIX + localStorage.token, |
||||
'content-type': 'application/x-www-form-urlencoded' |
||||
} |
||||
}).then(response => { |
||||
if (response.data.code === 0) { |
||||
resolve(response.data); |
||||
} else { |
||||
if (options.dealError) { |
||||
reject(response); |
||||
} else { |
||||
message.error(response.data.msg); |
||||
} |
||||
} |
||||
}).catch(_error => { |
||||
message.error('网络错误，请稍候再试！'); |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
function axiosPostBody(url, data, options = { dealError: false }) { |
||||
return new Promise((resolve, reject) => { |
||||
axios.post(url, data, { |
||||
headers: { |
||||
// "Authorization": Params.TOKEN_PREFIX + localStorage.token, |
||||
} |
||||
}).then(response => { |
||||
if (response.data.code === 0) { |
||||
resolve(response.data); |
||||
} else { |
||||
if (options.dealError) { |
||||
reject(response); |
||||
} else { |
||||
message.error(response.data.msg); |
||||
} |
||||
} |
||||
}).catch(_error => { |
||||
message.error('网络错误，请稍候再试！'); |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
function axiosPut(url, data = {}, options = { dealError: false }) { |
||||
return new Promise((resolve, reject) => { |
||||
axios.put(url, data, { |
||||
headers: { |
||||
// "Authorization": Params.TOKEN_PREFIX + localStorage.token |
||||
} |
||||
}).then(response => { |
||||
if (response.data.code === 0) { |
||||
resolve(response.data); |
||||
} else { |
||||
if (options.dealError) { |
||||
reject(response); |
||||
} else { |
||||
message.error(response.data.msg); |
||||
} |
||||
} |
||||
}).catch(_error => { |
||||
message.error('网络错误，请稍候再试！'); |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
function axiosGet(url, data = {}, options = { dealError: false }) { |
||||
return new Promise((resolve, reject) => { |
||||
axios.get(url, { |
||||
params: { |
||||
...data, |
||||
}, |
||||
headers: { |
||||
// "Authorization": Params.TOKEN_PREFIX + localStorage.token |
||||
} |
||||
}).then(response => { |
||||
if (response.data.code === 0) { |
||||
resolve(response.data); |
||||
} else { |
||||
if (options.dealError) { |
||||
reject(response); |
||||
} else { |
||||
message.error(response.data.msg); |
||||
} |
||||
} |
||||
}).catch(_error => { |
||||
message.error('网络错误，请稍候再试！'); |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
export { axiosPost, axiosPut, axiosPostBody, axiosGet } |
||||
Loading…
Reference in new issue