## 系统概述

针对石家庄地区的科研机构，我们设计并实现了一个基于Web的科研成果管理系统。该系统的主要功能包括成果信息录入、查询、修改和删除等操作，旨在提高科研成果管理效率，促进科研成果的共享与传播。

## 技术选型

- 前端：HTML5, CSS3, JavaScript (使用React框架)

- 后端：Node.js (Express框架)

- 数据库：MySQL

## 核心代码示例

### 用户登录验证（后端）

        // Express中间件实现用户认证
        const authenticateUser = (req, res, next) => {
            if (!req.session.user) {
                return res.status(401).send("未登录");
            }
            next();
        };

        app.post('/login', (req, res) => {
            // 模拟数据库查询
            const user = users.find(u => u.username === req.body.username && u.password === req.body.password);
            if (user) {
                req.session.user = user;
                res.send("登录成功");
            } else {
                res.status(400).send("用户名或密码错误");
            }
        });
        

### 成果信息查询（后端）

        app.get('/results', authenticateUser, (req, res) => {
            // 查询所有成果信息
            db.query('SELECT * FROM research_results', (err, results) => {
                if (err) throw err;
                res.json(results);
            });
        });
        

### 成果信息添加（前端）

        import React from 'react';

        class AddResult extends React.Component {
            constructor(props) {
                super(props);
                this.state = { title: '', author: '', year: '' };
            }

            handleSubmit = (e) => {
                e.preventDefault();
                fetch('/add_result', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify(this.state),
                }).then(() => this.props.history.push('/'));
            };

            handleChange = (e) => this.setState({ [e.target.name]: e.target.value });

            render() {
                return (
                    

                        
                        
                        
                        提交
                    
                );
            }
        }

        export default AddResult;
        

上述代码仅为简化示例，实际项目中还需考虑更多安全性和性能优化。

]]>