- 
-
-
-
-
.
-
-\`\`\`js
-const React = require('react')
-const ReactDOM = require('react-dom')
-const Markdown = require('react-markdown')
-const CodeRenderer = require('./code-renderer')
-
-ReactDOM.render(
- React.createElement(Markdown, {
- source: 'your markdown here',
- renderers: {
- CodeBlock: CodeRenderer
- Code: CodeRenderer
- }
- }),
- document.body
-)
-\`\`\`
-
-By checking the \`inline\` property, we can reuse the same renderer for both inline and blocks of code!
-For instance, we could highlight \`const React = require('react')\` inline.
-
-See \`examples/custom-renderers\` for the code behind this.
-`;
diff --git a/src/App/Document/data/images.js b/src/App/Document/data/images.js
deleted file mode 100644
index d596b2b..0000000
--- a/src/App/Document/data/images.js
+++ /dev/null
@@ -1,43 +0,0 @@
-export default `
-## Custom image renderer
-
-This example uses a custom image renderer in order to lazy-load and fade in images while rendering the title as an element instead of an attribute.
-
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-* 
-`;
diff --git a/src/App/Document/data/links.js b/src/App/Document/data/links.js
deleted file mode 100644
index 5904993..0000000
--- a/src/App/Document/data/links.js
+++ /dev/null
@@ -1,40 +0,0 @@
-export default `
-## React router link renderer
-
-This example renders [links](https://en.wikipedia.org/wiki/Hyperlink) without
-a protocol as [react router](https://github.com/reactjs/react-router) links,
-while "external" links are handled with regular links. External links also get
-a nice little cloud icon thrown in to symbolize they are... well, external.
-The \`target\` attribute is also set to \`_blank\` on the external ones.
-
-In much the same way as the [syntax highlighting](/code) example,
-there really is very little you can't do with this flexibility.
-
-Hard to come up with some dummy text here, so let me just throw in another
-[relative link](/image) to be handled by react-router.
-
-In it's bare essentials, to simply render a link using React Router:
-
-\`\`\`js
-const React = require('react')
-const ReactDOM = require('react-dom')
-const Markdown = require('react-markdown')
-const Link = require('react-router').Link
-
-function RouterLink(props) {
- return (
- props.href.match(/^(https?:)?\\/\\//)
- ? {props.children}
- : {props.children}
- );
-}
-
-ReactDOM.render(
- console.log(value)} />
- );
- }
-
-}
-
-export default Header;
\ No newline at end of file
diff --git a/src/App/Home/Home.css b/src/App/Home/Home.css
deleted file mode 100644
index afb51e8..0000000
--- a/src/App/Home/Home.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.home{
- text-align: center;
- font-size: 50px;
-}
-.homePic{
- display: block;
- height: auto;
- max-width: 100%;
-}
-.ant-descriptions-item-label{
- color:rgba(240, 52, 52, 1)
-}
-.homeH3{
- color:rgba(0, 0, 0, 0.85);
- line-height:1.5;
- font-size: 16px;
- margin-bottom: 20px;
- font-weight: bold;
-}
\ No newline at end of file
diff --git a/src/App/Home/Home.js b/src/App/Home/Home.js
deleted file mode 100644
index c7bae6f..0000000
--- a/src/App/Home/Home.js
+++ /dev/null
@@ -1,107 +0,0 @@
-import React, { Component } from 'react';
-import './Home.css';
-import { Timeline, Icon,Card,List ,Descriptions,Typography } from 'antd';
-import world_pic from '../../resource/world.jpg';
-
-const { Text,Title,Paragraph } = Typography;
-const data = [
- {
- title: '随想',
- description:
-
- ：当浏览网页查找资料的时候，通过自己编写的插件，将网址和title保存到这里，方便之后查找，搜索，将各种随便化的信息集中起来，类似于软件
- Pocket的功能
-
-
-
- },
- {
- title: '文章',
- description: '：会不时总结自己认为有价值的问题。'
- },
- {
- title: 'Github',
- description: '：欢迎一次合作完成项目，或对项目提出建议'
- },
- {
- title: '微博',
- description: '：欢迎互粉,点赞，评论，@'
- },
- {
- title: '留言',
- description: '：有什么话想说都可以写在这里'
- }
- ];
-class Home extends Component{
- render(){
- return (
-
-
- 欢迎来到我的个人网站
-
- 就职于格尔软件西安分公司
- 西北农林科技大学 16年毕业 (985院校)
- 陕西 西安 高新区
- ximouzhao@foxmail.com
-
- 各种球类运动，打游戏，写代码，探讨人生...
-
-
-
-
- 本站相关技术：
- 本站技术栈：React + antd + springboot + mysql
-
- 前台代码同步Github：knowme_front
-
- 后台代码同步Github：knowme_background
-
- 全部使用markdown语法来进行文章的编写，包括留言,致谢react-markdown项目
-
-
- 功能介绍：
- (
-
-
- {item.title}
- {item.description}
-
-
- )}
- />
-
-
- 开发进度：
-
-
1.登录管理，需要支持Github登录
-
2.文章支持锚点
-
3.显示文章阅读数
-
4.点赞评论功能
-
- 前台搜索功能
- 实现后台逻辑删除
- 实现滚动热加载
- 优化在移动端设备显示
- 实现后台新增文章的功能
-
- 确定前台页面，增加后台管理页面
-
- 编写前台页面
- 实现图片上传
-
- 熟悉Ant Design 搭建前后台工程
-
-
-
-
- );
- }
-}
-
-export default Home;
\ No newline at end of file
diff --git a/src/App/Menu/MainLeftMenu.css b/src/App/Menu/MainLeftMenu.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/App/Menu/MainLeftMenu.js b/src/App/Menu/MainLeftMenu.js
deleted file mode 100644
index 930bba0..0000000
--- a/src/App/Menu/MainLeftMenu.js
+++ /dev/null
@@ -1,88 +0,0 @@
-import React,{Component} from 'react'
-import { Menu, Icon ,Layout} from 'antd';
-import { BrowserRouter,Route,Link } from 'react-router-dom';
-import './MainLeftMenu.css';
-
-const { SubMenu } = Menu;
-class MainLeftMenu extends Component{
- // submenu keys of first level
- rootSubmenuKeys = ['sub1', 'sub2', 'sub4'];
-
- state = {
- openKeys: ['sub1'],
- };
-
- onOpenChange = openKeys => {
- const latestOpenKey = openKeys.find(key => this.state.openKeys.indexOf(key) === -1);
- if (this.rootSubmenuKeys.indexOf(latestOpenKey) === -1) {
- this.setState({ openKeys });
- } else {
- this.setState({
- openKeys: latestOpenKey ? [latestOpenKey] : [],
- });
- }
- };
- render(){
- return (
-
-
- );
- }
-}
-export default MainLeftMenu;
\ No newline at end of file
diff --git a/src/App/MessageBoard/MessageBoard.css b/src/App/MessageBoard/MessageBoard.css
deleted file mode 100644
index e028bcf..0000000
--- a/src/App/MessageBoard/MessageBoard.css
+++ /dev/null
@@ -1,34 +0,0 @@
-@import '~antd/dist/antd.css';
-
-.messageBoard{
- /* background:url("resource/body_bg.jpg") no-repeat top center; */
- display: block;
- text-align: center;
- top:40px;
-}
-.messageBoard img {
- display: block;
- height: auto;
- max-width: 100%;
-}
-
-.editArea{
- background-color: #fff;
- padding:30px;
- box-shadow: 0 0 2px rgba(0,0,0,0.2);
- border-radius:2px;
-}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
- monospace;
-}
-.ant-upload-select-picture-card i {
- font-size: 32px;
- color: #999;
-}
-
-.ant-upload-select-picture-card .ant-upload-text {
- margin-top: 8px;
- color: #666;
-}
\ No newline at end of file
diff --git a/src/App/MessageBoard/MessageBoard.js b/src/App/MessageBoard/MessageBoard.js
deleted file mode 100644
index 595fc17..0000000
--- a/src/App/MessageBoard/MessageBoard.js
+++ /dev/null
@@ -1,327 +0,0 @@
-import React, { Component } from 'react';
-import './MessageBoard.css';
-import { Input , Modal,Upload, message, Button, Icon,Alert ,Spin} from 'antd';
-import MessageList from './MessageList';
-import WrapFetch from '../../Tools/WrapFetch';
-import DocumentType from '../../Constant/DocumentType';
-import SparkMD5 from 'spark-md5';
-import InfiniteScroll from 'react-infinite-scroller';
-
-function getBase64(file) {
- return new Promise((resolve, reject) => {
- const reader = new FileReader();
- reader.readAsDataURL(file);
- reader.onload = () => resolve(reader.result);
- reader.onerror = error => reject(error);
- });
-}
-class MessageBoard extends Component {
-
- //state状态 value值得是
- state ={
- txtValue:'',
- list:[],
- loading: false,
- tip:'',
- fileList: [],
- uploading: false,
- previewVisible: false,
- previewImage: '',
- picAddDisabled:false,
- btnPublishDisabled:true,
- modelVisible:false,
- // start 滚动加载
- hasMore: true,
- pageNum: 0,
- pageSize: 20,
- total: 0
- // end
- };
- onRemove=(file)=>{
- this.setState(state => {
- const index = state.fileList.indexOf(file);
- const newFileList = state.fileList.slice();
- newFileList.splice(index, 1);
- return {
- fileList: newFileList,
- };
- });
- }
- isEmpty=(str)=>{
- if(str!== undefined&&str!==null && str.length!=0){
- return false;
- }else{
- return true;
- }
- }
- handleCancel = () => this.setState({ previewVisible: false });
-
- handlePreview = async file => {
- console.log(file);
- //这里也是包装后的File类型，file.originFileObj是原生类型
- if (!file.url && !file.preview) {
- file.preview = await getBase64(file.originFileObj);
- }
- this.setState({
- previewImage: file.url || file.preview,
- previewVisible: true,
- });
- };
- handleChange = ({ fileList }) =>{
- //这里的fileList是对File进行包装之后的类型，file.originFileObj是原生类型
- if(fileList.length>=9){
- this.setState({ fileList:fileList,picAddDisabled:true });
- }else{
- this.setState({ fileList:fileList,picAddDisabled:false });
- }
- if(this.isEmpty(fileList)&&this.isEmpty(this.state.txtValue)){
- this.setState({btnPublishDisabled:true});
- }else{
- this.setState({btnPublishDisabled:false});
- }
- }
- beforeUpload=(file)=>{
- //这里的fileList是原生File类型
- const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'|| file.type === 'image/jpg';
- if (!isJpgOrPng) {
- message.error('文件类型必须是 JPG或者PNG !');
- }
- const isLt2M = file.size / 1024 / 1024 < 10;
- if (!isLt2M) {
- message.error('图像大小必须小于10MB!');
- }
- let filename=file.name;
- let markdownUseFileName=filename;
- //markdwown需要转义一些字符
- let parseArr={
- "\\\\":"\\","\\`":"`",
- "\\*":"*","\\_":"_",
- "\\{":"{","\\}":"}",
- "\\[":"[","\\]":"]",
- "\\(":"(","\\)":")",
- "\\#":"#","\\+":"+",
- "\\-":"-","\\!":"!"
- };
- for(let key in parseArr){
- let reg=new RegExp(key,"g");
- markdownUseFileName=markdownUseFileName.replace(reg,"\\"+parseArr[key]);
- }
- file.markdownUseFileName=markdownUseFileName;
- //let fileList=this.state.fileList;
- if (!file.url ){
- //let spark = new SparkMD5();
- const reader = new FileReader();
- reader.readAsBinaryString(file);
- reader.onload = function(e){
- file.fileMd5=SparkMD5.hashBinary(e.target.result);
- }
- }
-
- return false;
- }
- handleUpload = async (fileList) => {
- const formData = new FormData();
- //formData.append('file', fileList[0].originFileObj);
- fileList.forEach(file => {
- formData.append('files', file.originFileObj);
- });
-
- this.setState({
- uploading: true,
- });
- await fetch('/api/file/upload', {
- method: 'post',
- body: formData,
- }).then(response => response.json())
- .then((data) => {
- this.setState({
- fileList: [],
- uploading: false,
- btnPublishDisabled:true,
- });
- //message.success('图片上传成功');
- return "success";
- }).catch((err)=>{
- this.setState({
- uploading: false,
- });
- // message.error('上传图片失败');
- return "fail";
- });
- };
- saveDocument=async (fileList,txtValue)=>{
- console.log(DocumentType.MESSAGE);
- let markdownPic='';
- fileList.forEach(file => {
- markdownPic+="\n![" + file.markdownUseFileName + "](/api/files/" + file.originFileObj.fileMd5+file.name.substr(file.name.lastIndexOf('.')) + ")";
- });
- txtValue+=markdownPic;
- let url=`/api/document/addDocument?type=${DocumentType.MESSAGE}&`+this.changeJSON2QueryString({content:txtValue});
- await fetch(url).then(res=>{
- //message.success('成功发表留言');
- this.setState({txtValue:''});
- })
-
- };
- publishMessage=async ()=>{
- this.setState({btnPublishDisabled:true});
- const { fileList ,txtValue} = this.state;
- this.setState({loading:true,tip:'正在上传图片...'})
- await this.handleUpload(fileList);
- this.setState({tip:'正在保存留言...'})
- await this.saveDocument(fileList,txtValue);
- this.setState({tip:'正在重新加载...'})
- await this.getFirstData();
- this.setState({loading:false})
- }
- showModal =() => {
- this.setState({
- modelVisible: true,
- });
- };
- closeModal = () => {
- this.setState({
- modelVisible: false,
- });
- };
-
-
- changeJSON2QueryString(JSON){
- var temp = [];
- for(var k in JSON){
- temp.push(k + "=" + encodeURIComponent(JSON[k]));
- }
- return temp.join("&");
- }
- hanldleTextAreaChange=(event)=>{
- if(event && event.target){
- let txtValue=event.target.value;
- this.setState(()=>({txtValue:txtValue}));
- }
- console.log(this.fileList);
- console.log(this.state.txtValue);
- if(this.isEmpty(this.fileList)&&this.isEmpty(event.target.value)){
- this.setState({btnPublishDisabled:true});
- }else{
- this.setState({btnPublishDisabled:false});
- }
- };
- handleSaveButtonClick=(event)=>{
- console.log('button click');
- if(event && event.target ){
- this.publishMessage();
- }
- };
-
- async componentDidMount(){
- this.getFirstData();
- };
- getFirstData= ()=>{
- this.setState({loading:true,tip:'正在加载留言...'})
- WrapFetch.get(
- {
- url: `/api/document/findByPageAndType`,
- queryParam: { type: DocumentType.MESSAGE, page: 0, pageSize: this.state.pageSize }
- }
- ).then(
- (data) => {
- this.setState({ list: data.content, total: data.totalElements, hasMore: data.totalPages > 1, loading: false });
- }
- );
- }
- // 获取下一页信息
- getMore = (page) => {
- console.log("getmore",page)
- if (this.state.total === this.state.list.length) {
- return;
- }
- this.setState({
- pageNum: page
- }, () => {
- this.getMoreData(page); //请求数据接口
- });
- }
- getMoreData = (page) => {
- WrapFetch.get(
- {
- url: `/api/document/findByPageAndType`,
- queryParam: { type: DocumentType.MESSAGE, page: page, pageSize: this.state.pageSize }
- }
- ).then(
- (data) => {
- this.setState({ list: this.state.list.concat(data.content), total: data.totalElements, hasMore: data.totalPages > page+1});
- }
- );
- };
- render() {
- const { TextArea } = Input;
-
- const uploadButton = (
-
-
-
-
-