小明：嘿，小李，我最近在研究大学综合门户系统，感觉挺复杂的。

小李：是啊，这个系统通常包括课程管理、成绩查询、公告发布等功能。你有没有看过它的源码？

小明：还没有，你能给我看看吗？我想了解它是怎么实现的。

小李：当然可以，我给你写一个简单的示例代码，展示一下前端和后端的基本结构。

小明：太好了，那我先看看前端部分吧。

小李：这是前端页面的HTML代码，使用了Vue.js框架，用来展示用户信息和课程列表。

<template>

<div>

<h1>大学综合门户</h1>

<p>欢迎，{{ username }}</p>

<ul>

<li v-for="course in courses">{{ course.name }}</li>

</ul>

</div>

</template>

小明：看起来不错，那后端呢？

小李：这是用Python Flask写的简单接口，用于获取用户信息和课程数据。

from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/api/user')

def get_user():

校友服务系统

return jsonify({

'username': '张三',

'courses': [{'name': '计算机基础'}, {'name': '操作系统'}]

})

小明：明白了，这只是一个简化版，实际项目会更复杂。

小李：没错，但理解这些基本结构是关键。你可以从这里开始深入学习。