电子病历编辑器源码

**电子病历编辑器源码**

**项目介绍**

本项目是一个电子病历编辑器的源码，旨在为医疗行业提供一个易用的在线编辑工具。该系统支持多用户登录、实时协作、版本控制等功能。

**技术栈**

* 前端：React + Redux* 后端：Node.js + Express* 数据库：MongoDB**目录结构**

bash.
├── src│ ├── components│ │ ├── Editor.js│ │ └── Toolbar.js│ ├── containers│ │ ├── App.js│ │ └── EditorContainer.js│ ├── reducers│ │ ├── editorReducer.js│ │ └── userReducer.js│ ├── actions│ │ ├── editorActions.js│ │ └── userActions.js│ ├── utils│ │ ├── api.js│ │ └── storage.js│ └── index.js├── server│ ├── app.js│ ├── controllers│ │ ├── editorController.js│ │ └── userController.js│ ├── models│ │ ├── EditorModel.js│ │ └── UserModel.js│ ├── routes│ │ ├── editorRoutes.js│ │ └── userRoutes.js│ └── index.js├── package.json└── README.md

**前端代码**

### Editor.js

jsximport React, { useState } from 'react';
import { connect } from 'react-redux';

const Editor = ({ editorState, onEditorChange }) => {
 const [editorValue, setEditorValue] = useState(editorState);

 const handleEditorChange = (value) => {
 setEditorValue(value);
 onEditorChange(value);
 };

 return (
 <div>
 <textarea value={editorValue} onChange={(e) => handleEditorChange(e.target.value)} />
 </div>
 );
};

const mapStateToProps = (state) => ({
 editorState: state.editor,
});

const mapDispatchToProps = (dispatch) => ({
 onEditorChange: (value) => dispatch({ type: 'EDITOR_CHANGE', value }),
});

export default connect(mapStateToProps, mapDispatchToProps)(Editor);

### Toolbar.js

jsximport React from 'react';

const Toolbar = () => {
 return (
 <div>
 <button>Save</button>
 <button>Cancel</button>
 </div>
 );
};

export default Toolbar;

**后端代码**

### app.js

javascriptconst express = require('express');
const app = express();

app.use(express.json());

require('./controllers/editorController')(app);
require('./controllers/userController')(app);

app.listen(3000, () => {
 console.log('Server started on port3000');
});

### editorController.js

javascriptconst express = require('express');
const router = express.Router();
const EditorModel = require('../models/EditorModel');

router.post('/save', (req, res) => {
 const { value } = req.body;
 const editor = new EditorModel({ value });
 editor.save((err, result) => {
 if (err) {
 res.status(500).send(err);
 } else {
 res.send(result);
 }
 });
});

module.exports = router;

### userController.js

javascriptconst express = require('express');
const router = express.Router();
const UserModel = require('../models/UserModel');

router.post('/login', (req, res) => {
 const { username, password } = req.body;
 const user = new UserModel({ username, password });
 user.save((err, result) => {
 if (err) {
 res.status(500).send(err);
 } else {
 res.send(result);
 }
 });
});

module.exports = router;

**数据库模型**

### EditorModel.js

javascriptconst mongoose = require('mongoose');

const editorSchema = new mongoose.Schema({
 value: String,
});

const EditorModel = mongoose.model('Editor', editorSchema);

module.exports = EditorModel;

### UserModel.js

javascriptconst mongoose = require('mongoose');

const userSchema = new mongoose.Schema({
 username: String,
 password: String,
});

const UserModel = mongoose.model('User', userSchema);

module.exports = UserModel;

**API**

### api.js

javascriptimport axios from 'axios';

const api = axios.create({
 baseURL: ' />});

export default api;

### storage.js

javascriptimport { AsyncStorage } from 'react-native';

const storage = {
 saveItem: (key, value) => AsyncStorage.setItem(key, value),
 getItem: (key) => AsyncStorage.getItem(key),
};

export default storage;

**版本控制**

### versionControl.js

javascriptimport { EditorModel } from '../models/EditorModel';

class VersionControl {
 async getLatestVersion() {
 const latestVersion = await EditorModel.findOne().sort({ _id: -1 });
 return latestVersion.value;
 }

 async saveNewVersion(value) {
 const newVersion = new EditorModel({ value });
 await newVersion.save();
 }
}

export default VersionControl;

**实时协作**

### realTimeCollaboration.js

javascriptimport { EditorModel } from '../models/EditorModel';
import { api } from './api';

class RealTimeCollaboration {
 async getLatestValue() {
 const latestValue = await api.get('/editor/latest');
 return latestValue.data;
 }

 async saveNewValue(value) {
 await api.post('/editor/save', { value });
 }
}

export default RealTimeCollaboration;

**多用户登录**

### multiUserLogin.js

javascriptimport { UserModel } from '../models/UserModel';
import { api } from './api';

class MultiUserLogin {
 async login(username, password) {
 const user = await api.post('/user/login', { username, password });
 return user.data;
 }

 async register(username, password) {
 const user = new UserModel({ username, password });
 await user.save();
 }
}

export default MultiUserLogin;

**README.md**

# 电子病历编辑器源码##项目介绍本项目是一个电子病历编辑器的源码，旨在为医疗行业提供一个易用的在线编辑工具。

## 技术栈* 前端：React + Redux* 后端：Node.js + Express* 数据库：MongoDB## 目录结构

bash.
├── src│ ├── components│ │ ├── Editor.js│ │ └── Toolbar.js│ ├── containers│ │ ├── App.js│ │ └── EditorContainer.js│ ├── reducers│ │ ├── editorReducer.js│ │ └── userReducer.js│ ├── actions│ │ ├── editorActions.js│ │ └── userActions.js│ ├── utils│ │ ├── api.js│ │ └── storage.js│ └── index.js├── server│ ├── app.js│ ├── controllers│ │ ├── editorController.js│ │ └── userController.js│ ├── models│ │ ├── EditorModel.js│ │ └── UserModel.js│ ├── routes│ │ ├── editorRoutes.js│ │ └── userRoutes.js│ └── index.js├── package.json└── README.md

## 前端代码### Editor.js

jsximport React, { useState } from 'react';
import { connect } from 'react-redux';

const Editor = ({ editorState, onEditorChange }) => {
 const [editorValue, setEditorValue] = useState(editorState);

 const handleEditorChange = (value) => {
 setEditorValue(value);
 onEditorChange(value);
 };

 return (
 <div>
 <textarea value={editorValue} onChange={(e) => handleEditorChange(e.target.value)} />
 </div>
 );
};

const mapStateToProps = (state) => ({
 editorState: state.editor,
});

const mapDispatchToProps = (dispatch) => ({
 onEditorChange: (value) => dispatch({ type: 'EDITOR_CHANGE', value }),
});

export default connect(mapStateToProps, mapDispatchToProps)(Editor);

### Toolbar.js

jsximport React from 'react';

const Toolbar = () => {
 return (
 <div>
 <button>Save</button>
 <button>Cancel</button>
 </div>
 );
};

export default Toolbar;

## 后端代码### app.js

javascriptconst express = require('express');
const app = express();

app.use(express.json());

require('./controllers/editorController')(app);
require('./controllers/userController')(app);

app.listen(3000, () => {
 console.log('Server started on port3000');
});

### editorController.js

javascriptimport { EditorModel } from '../models/EditorModel';

class EditorController {
 async getLatestVersion()