nodejs+Vue+MySQL实现邮箱系统，系统功能有登录、注册、写邮件、查看自己发送的邮件；具体过程+代码

这是一个比较复杂的系统，需要前后端配合完成。下面是一个简单的实现方案，供参考。

前端使用 Vue.js 框架，后端使用 Node.js 和 Express 框架，数据库使用 MySQL。

1. 前端界面设计

首先设计前端界面，包括登录、注册、写邮件和查看邮件等功能。可以使用 Element UI 等 UI 组件库来快速构建界面。

2. 数据库设计

设计数据库结构，包括用户信息表和邮件信息表。用户信息表包括用户ID、用户名、密码等字段；邮件信息表包括邮件ID、发件人、收件人、主题、内容等字段。使用 MySQL 数据库来存储数据。可以使用 Sequelize ORM 来简化数据库操作。

3. 后端实现

使用 Node.js 和 Express 框架编写后端代码，实现登录、注册、写邮件和查看邮件等功能。可以使用 Passport.js 来实现身份验证，使用 Nodemailer 来发送邮件。

以下是一个简单的后端代码示例：

const express = require('express')
const bodyParser = require('body-parser')
const passport = require('passport')
const LocalStrategy = require('passport-local').Strategy
const session = require('express-session')
const Sequelize = require('sequelize')
const nodemailer = require('nodemailer')

const app = express()
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
app.use(session({
    secret: 'secret',
    resave: false,
    saveUninitialized: false
}))
app.use(passport.initialize())
app.use(passport.session())

const sequelize = new Sequelize('database', 'username', 'password', {
    dialect: 'mysql'
})

const User = sequelize.define('user', {
    id: {
        type: Sequelize.INTEGER,
        autoIncrement: true,
        primaryKey: true
    },
    username: Sequelize.STRING,
    password: Sequelize.STRING
})

const Mail = sequelize.define('mail', {
    id: {
        type: Sequelize.INTEGER,
        autoIncrement: true,
        primaryKey: true
    },
    sender: Sequelize.STRING,
    receiver: Sequelize.STRING,
    subject: Sequelize.STRING,
    content: Sequelize.TEXT
})

passport.use(new LocalStrategy((username, password, done) => {
    User.findOne({ where: { username: username } }).then(user => {
        if (!user) {
            return done(null, false, { message: 'Incorrect username.' })
        }
        if (user.password !== password) {
            return done(null, false, { message: 'Incorrect password.' })
        }
        return done(null, user)
    })
}))

passport.serializeUser((user, done) => {
    done(null, user.id)
})

passport.deserializeUser((id, done) => {
    User.findByPk(id).then(user => {
        done(null, user)
    })
})

app.post('/login', passport.authenticate('local'), (req, res) => {
    res.json({ success: true })
})

app.post('/register', (req, res) => {
    User.create({ username: req.body.username, password: req.body.password }).then(() => {
        res.json({ success: true })
    })
})

app.post('/sendmail', (req, res) => {
    const transporter = nodemailer.createTransport({
        service: 'gmail',
        auth: {
            user: 'your-email@gmail.com',
            pass: 'your-password'
        }
    })
    const mailOptions = {
        from: 'your-email@gmail.com',
        to: req.body.to,
        subject: req.body.subject,
        text: req.body.content
    }
    transporter.sendMail(mailOptions, (error, info) => {
        if (error) {
            console.log(error)
            res.json({ success: false })
        } else {
            console.log('Email sent: ' + info.response)
            Mail.create({ sender: 'your-email@gmail.com', receiver: req.body.to, subject: req.body.subject, content: req.body.content }).then(() => {
                res.json({ success: true })
            })
        }
    })
})

app.get('/mails', (req, res) => {
    Mail.findAll({ where: { sender: 'your-email@gmail.com' } }).then(mails => {
        res.json(mails)
    })
})

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

4. 前后端交互

前端通过 AJAX 请求来与后端交互，实现登录、注册、写邮件和查看邮件等功能。以下是一个简单的前端代码示例：

const app = new Vue({
    el: '#app',
    data: {
        username: '',
        password: '',
        to: '',
        subject: '',
        content: '',
        mails: []
    },
    methods: {
        login: function() {
            axios.post('/login', { username: this.username, password: this.password }).then(response => {
                if (response.data.success) {
                    // 登录成功
                } else {
                    // 登录失败
                }
            })
        },
        register: function() {
            axios.post('/register', { username: this.username, password: this.password }).then(response => {
                if (response.data.success) {
                    // 注册成功
                } else {
                    // 注册失败
                }
            })
        },
        sendmail: function() {
            axios.post('/sendmail', { to: this.to, subject: this.subject, content: this.content }).then(response => {
                if (response.data.success) {
                    // 发送邮件成功
                } else {
                    // 发送邮件失败
                }
            })
        },
        getmails: function() {
            axios.get('/mails').then(response => {
                this.mails = response.data
            })
        }
    }
})

以上代码仅供参考，实际应用中还需要进行更多的优化和安全性考虑。