科研管理系统
小李：最近我们实验室在做科研信息管理系统，想加入在线宣传片的功能，你有什么建议吗？
小王：可以考虑使用Web技术来实现，比如用HTML5和JavaScript构建一个在线播放器。
小李：那宣传片的数据怎么管理呢？是不是需要数据库支持？
小王：对，可以用MySQL或者PostgreSQL存储宣传片的信息，比如标题、描述、上传时间等。
小李：那前端怎么展示这些宣传片呢？有没有现成的框架可以用？
小王：可以使用Vue.js或React来构建前端界面，结合Axios进行前后端数据交互。
小李：那代码部分怎么写呢？能给我一个简单的例子吗？
小王：当然可以。下面是一个简单的后端API示例（使用Node.js和Express）：
const express = require('express');
const app = express();
const mysql = require('mysql');
const connection = mysql.createConnection({
host: 'localhost',
user: 'root',
password: 'password',
database: 'research_db'
});
app.get('/api/videos', (req, res) => {
connection.query('SELECT * FROM videos', (error, results) => {
if (error) throw error;
res.json(results);
});
});
app.listen(3000, () => console.log('Server running on port 3000'));
小李：明白了，那前端怎么调用这个API呢？
小王：可以使用Fetch API或者Axios，比如：
fetch('http://localhost:3000/api/videos')
.then(response => response.json())
.then(data => console.log(data));
小李：太好了，这样就能实现在线宣传片的管理和展示了。
小王：没错，这样的系统不仅提升了科研信息的透明度，也方便了宣传工作的开展。
