{"topic":{"id":9524,"title":"（转载）选课社区开发记","slug":"topic","userId":1047,"categoryId":4,"createdAt":"2024-02-14 02:13:16.679095","bumpedAt":"2024-02-14 02:13:16.822709","views":322,"postsCount":1,"highestPostNumber":1,"likeCount":5,"closed":false,"pinned":false,"pinnedGlobally":false,"pinnedAt":null,"pinnedUntil":null,"isBanner":false,"excerpt":"https://blog.dujiajun.site/2021/09/13/选课社区开发记/ 在我的回忆录中已经提到，本科四年期间我做了许多事情，其中一件事就是选课交流群。由于交大饮水思源 BBS 长期缺位，各类信息在各种群里被迅速刷走而无法长期保存。但是客观上新生会有信息的需求，所以每年各学生组织都会给在自己的公众号上重复发布各类往年选课经验供大家参考。虽然一开始选课交流群只是一些水群的群友们想互利互助的结果，但是在逐渐扩张之时，我…","deletedAt":null,"isAnonymous":false,"isPrivate":false,"isMembersOnly":false,"category":{"id":4,"name":"谈笑风生","slug":"general","color":"25AAE2"},"author":{"id":1047,"username":"anonymous_coward_old","name":"Anonymous Coward Old","avatarUrl":"/uploads/image/43/32/4332638c11248b8ff07033c11de0759a55205facfbec85e14458245a91991faf.avif"},"realAuthor":{"id":1047,"username":"anonymous_coward_old","name":"Anonymous Coward Old","avatarUrl":"/uploads/image/43/32/4332638c11248b8ff07033c11de0759a55205facfbec85e14458245a91991faf.avif"},"tags":[]},"posts":[{"id":23734,"postNumber":1,"raw":"https://blog.dujiajun.site/2021/09/13/%E9%80%89%E8%AF%BE%E7%A4%BE%E5%8C%BA%E5%BC%80%E5%8F%91%E8%AE%B0/\n\n在我的回忆录中已经提到，本科四年期间我做了许多事情，其中一件事就是选课交流群。\n\n由于交大饮水思源 BBS 长期缺位，各类信息在各种群里被迅速刷走而无法长期保存。但是客观上新生会有信息的需求，所以每年各学生组织都会给在自己的公众号上重复发布各类往年选课经验供大家参考。虽然一开始选课交流群只是一些水群的群友们想互利互助的结果，但是在逐渐扩张之时，我们也就想着做一个大规模的选课经验分享平台。等到了 2018 年秋天，选课群第一次达到了千人规模，导致群主需要开会员时，我就已经开始构想开发选课社区了，但是后来一直都没有实施。\n\n一开始担心合规问题。考虑我们面向的群体是交大在校学生，那么服务器就应该放在国内或者校内，这样访问会比较快。但是如果服务器放在国内公开云平台上，个人运营此类交互式网站能否拿到公安备案？又或者交大是否会支持或者反对此类项目？能否有校内的服务器？这个问题我一直没想好。后来我们希望给学科群加上加群验证，仅供交大人加群，因此去申请了 sjtu.plus 域名和服务器用来发邮件验证，并且配了 ICP 备案。在人参果同学的建议下和 NIC 老师接触，他们表示支持加群验证，所以申请了 jAccount 接口。但是我后来又问过选课社区，或者类似于校园司令之类的东西时，由于老师说避免麻烦（比如某老师可能想查谁点评的）不想掺和这种东西，所以就决定不放在学校服务器上，而是自己的服务器。\n\n2020 年寒假，由于 2 个选课群已经长期爆满，每次选课时都要清理一大批不发言的用户，我就在想真就把选课社区搞出来，为此还学了 Vue。学了没几天发现 Vue3 要出了，但是当时很多 UI 库还不支持 Vue3。我这种更新强迫症受不了用旧的代码。加上之前看上的 Vuetify 这个 Material Design 风格的 UI 做出来的 demo 实在不符合国情审美，所以放弃了用 Vue2 开发。即便如此，那几天学的 Vue 最后用在毕设的前端展示界面，也没白学。\n\n2020 年暑假有同学找我说想把选课社区作为暑假的大作业，他们提供开发人员，我提供宣传和运营。暑假结束了也杳无音信，最后我不想等了就开干吧。\n\n在开发选课社区之前，我调研过是否确实需要自己开发。由于我们之前几年都做了选修课体验整理的问卷，并且把结果做成 PDF 分发，我考虑过是否能够直接用可以实时查询结果的问卷系统代替。然而支持这功能的商用问卷系统都是付费功能。后来交大搞了个自己的问卷系统，也不支持实时查询，只能定期同步。我就放弃了这个方案。\n\n我还调研了很多类似的经验分享平台，有用 GitHub 的，有自己开发的。\n\n用 GitHub 的，比如 IEEE.ICU，或者浙大课程共享之类的项目。这类项目最大问题是门槛。非程序员需要学习科学上网和 Git 才会用。开发者自己程序员倒是会用，但是其他用户会不会用是一个问题。我希望选课社区是面向全校各专业的，任何人都能无需学习这类工具就能直接提交。\n\n自主开发的案例中，我观摩了北大的非官方课程评测和中科大的 USTC 评课社区。两校学生开发的产品充分反应了两校的精神特质。其中科大评课社区是开源的，而且我还找高中同学借了个账号体验了一番其内部流程。\n\n在用户体系方面，北大课程评测的用户和开发者都是完全匿名的，无需注册和登录账号。比起社区，它更像是一个能自动查询结果的问卷搜集网站。科大的评课社区是真正意义上的社区，用户使用科大邮箱注册，前端代号后端实名，可以相互关注，还能回复其他人的点评。为了维护更方便，我选择了带用户体系的，不过用户无法知道非自己发布的点评到底是谁写的。考虑到大家对实名点评可能存在疑虑，而且我对谁发表了什么也没兴趣，所以即便用了 jAccount 登录，数据库里也存放的是其用户名的哈希值。有用户体系之后，还能出现与教学信息服务网同步、与传承兑换积分之类的玩法。\n\n北大课程评测在许多地方的描述用语和我认识的北大同学的气质一致，具体我无法描述，类似于一股最高学府的高傲。北大课程评测处处体现出平台之于学校的独立性和匿名性，生怕开发者和用户被查水表。它们用了大段的文字提示用户应该怎么填符合开发者意愿的评测。还有提交评测时必须要填一句话总结的标题，而我看来这标题毫无必要。科大评课社区的提示语就非常简单，就和其自嘲南七技校差不多了。USTC 评课社区开发者身份是公开的，其服务器由科大图书馆赞助。与之对比一番，交大却不支持在校内服务器上运营此类平台。\n\n在点评内容上，北大仅支持纯文本和对几项特点的选择题，并且使用表情作为选项。同时北大课程评测在正文中给用户提供了需要点评的几方面的模板。科大在选择几个方面的文字选项以外，点评正文支持富文本和图片，有更多的玩法。由于我运行在个人服务器的原因，决定只用纯文本。两个平台都对某些方面做了客观题选项让用户选择，而我觉得这标准实在太主观，不如直接做成主观回答。在设计点评维度的时候我参考了之前继承的选修课体验整理问卷。\n\n正式写开工写代码之前，我还做了技术栈选型调研。可能是我对前后端分离有执念，或者是考虑到可能有多种前端的需求，我一开始就选择用前后端分离的架构。虽然科大的代码是开源的，但是它是 Django 后端渲染的界面，而且用的旧版 bootstrap 我觉得不好看。因此我就没有在科大评课社区基础上改代码而是另起炉灶。\n\n前端我参考了交大传承，react+antd 作为 UI 和组件库，然后懒人脚手架 umi 一把梭。后端我也想着全家桶，就选了 django+drf，特别是我想要 django admin 直接出管理界面。我想了这网站吞吐量也不会高到哪里去，用 Python 不至于带不动。数据库就直接用目前流行的 PostgreSQL 了。\n\n我在做用户登录特别是 jAccount 登录时，一开始参考了杜赛的博客用 jwt，结果我没搞得定就搁置了。后来看 cxs 的交叉模块课，也就是信安大三下的应用软件课程设计的大作业，并且当面指教之后，用了同样的 session 方式，可算是搞定了登录。后来一查，网上博客不知道为什么，一大堆都是用 jwt 的。\n\n数据模型设计我纠结了很久。主要是同一个课号的不同教师应该怎么设计。究竟是把相同课号的信息单独拆分出来建张表避免冗余，还是不同老师的同课号课直接重复相同的信息。为了避免麻烦，我还是选择了冗余，毕竟这点数据不占多少硬盘。考虑到每学期的课不一样，是否需要记录这门课在哪个学期开课也是一个问题。科大的做法是建立课程和学期之间的多对多关系，在查询信息和点评的时候合并。我选择不存储这个数据，交给用户在点评时自己选学期，这点和北大一致。我还把学期这种信息单独建了表，作为外键引入到点评中，而不是写在代码里作为选项，而且学期的名称为 2021-2022-1 这种格式。这一设计在导入教学信息服务网选课信息的时候非常方便，其实我一开始没想到会有这个功能。\n\n编程写出一个平台其实很简单，后期的运营才是平台可持续繁荣的重点。水源一开始运营中就存在很多失误，导致的问题至今没有解决。而选课社区功能单一目标纯粹，最核心的问题是如何激励用户创作，写出真实而丰富的点评。我一开始想过搞等级制，或者限定发表多少条点评后解锁全部课程，但是又觉得不妥。后来搞了点评可以兑换传承积分，在当时稍微激励了一番，但这毕竟是不可持续的。这个问题还将困扰许久。\n\n剩下一个问题是，如何在毕业之后解决项目的维护者问题。交大传承是一个典型案例，早几年的学长们开发之后火了几年，等他们相继毕业后就无人维护。要感谢其中一位学长在毕业后还自掏腰包一直承担传承的百度对象存储服务。直到后来传承在交大的服务器挂了，由人参果找到了对应服务器，取回了数据，再交到东岳手上才重新有人维护。SJTU+ 很快也会面临同样的问题。我和我的同学这几年搞出来的其他一堆事迹，也由于毕业或者自己不再需要就没有维护了。\n\n这个问题我思考了很多年。体制内由党组织负责选拔接班人，各组织有自己的交接方式。而个人一时兴起做的项目，到底有没有人接手，接手后会不会变质，我想不出答案。","cooked":"\n

在我的回忆录中已经提到，本科四年期间我做了许多事情，其中一件事就是选课交流群。

由于交大饮水思源 BBS 长期缺位，各类信息在各种群里被迅速刷走而无法长期保存。但是客观上新生会有信息的需求，所以每年各学生组织都会给在自己的公众号上重复发布各类往年选课经验供大家参考。虽然一开始选课交流群只是一些水群的群友们想互利互助的结果，但是在逐渐扩张之时，我们也就想着做一个大规模的选课经验分享平台。等到了 2018 年秋天，选课群第一次达到了千人规模，导致群主需要开会员时，我就已经开始构想开发选课社区了，但是后来一直都没有实施。

一开始担心合规问题。考虑我们面向的群体是交大在校学生，那么服务器就应该放在国内或者校内，这样访问会比较快。但是如果服务器放在国内公开云平台上，个人运营此类交互式网站能否拿到公安备案？又或者交大是否会支持或者反对此类项目？能否有校内的服务器？这个问题我一直没想好。后来我们希望给学科群加上加群验证，仅供交大人加群，因此去申请了 sjtu.plus 域名和服务器用来发邮件验证，并且配了 ICP 备案。在人参果同学的建议下和 NIC 老师接触，他们表示支持加群验证，所以申请了 jAccount 接口。但是我后来又问过选课社区，或者类似于校园司令之类的东西时，由于老师说避免麻烦（比如某老师可能想查谁点评的）不想掺和这种东西，所以就决定不放在学校服务器上，而是自己的服务器。

2020 年寒假，由于 2 个选课群已经长期爆满，每次选课时都要清理一大批不发言的用户，我就在想真就把选课社区搞出来，为此还学了 Vue。学了没几天发现 Vue3 要出了，但是当时很多 UI 库还不支持 Vue3。我这种更新强迫症受不了用旧的代码。加上之前看上的 Vuetify 这个 Material Design 风格的 UI 做出来的 demo 实在不符合国情审美，所以放弃了用 Vue2 开发。即便如此，那几天学的 Vue 最后用在毕设的前端展示界面，也没白学。

2020 年暑假有同学找我说想把选课社区作为暑假的大作业，他们提供开发人员，我提供宣传和运营。暑假结束了也杳无音信，最后我不想等了就开干吧。

在开发选课社区之前，我调研过是否确实需要自己开发。由于我们之前几年都做了选修课体验整理的问卷，并且把结果做成 PDF 分发，我考虑过是否能够直接用可以实时查询结果的问卷系统代替。然而支持这功能的商用问卷系统都是付费功能。后来交大搞了个自己的问卷系统，也不支持实时查询，只能定期同步。我就放弃了这个方案。

我还调研了很多类似的经验分享平台，有用 GitHub 的，有自己开发的。

用 GitHub 的，比如 IEEE.ICU，或者浙大课程共享之类的项目。这类项目最大问题是门槛。非程序员需要学习科学上网和 Git 才会用。开发者自己程序员倒是会用，但是其他用户会不会用是一个问题。我希望选课社区是面向全校各专业的，任何人都能无需学习这类工具就能直接提交。

自主开发的案例中，我观摩了北大的非官方课程评测和中科大的 USTC 评课社区。两校学生开发的产品充分反应了两校的精神特质。其中科大评课社区是开源的，而且我还找高中同学借了个账号体验了一番其内部流程。

在用户体系方面，北大课程评测的用户和开发者都是完全匿名的，无需注册和登录账号。比起社区，它更像是一个能自动查询结果的问卷搜集网站。科大的评课社区是真正意义上的社区，用户使用科大邮箱注册，前端代号后端实名，可以相互关注，还能回复其他人的点评。为了维护更方便，我选择了带用户体系的，不过用户无法知道非自己发布的点评到底是谁写的。考虑到大家对实名点评可能存在疑虑，而且我对谁发表了什么也没兴趣，所以即便用了 jAccount 登录，数据库里也存放的是其用户名的哈希值。有用户体系之后，还能出现与教学信息服务网同步、与传承兑换积分之类的玩法。

北大课程评测在许多地方的描述用语和我认识的北大同学的气质一致，具体我无法描述，类似于一股最高学府的高傲。北大课程评测处处体现出平台之于学校的独立性和匿名性，生怕开发者和用户被查水表。它们用了大段的文字提示用户应该怎么填符合开发者意愿的评测。还有提交评测时必须要填一句话总结的标题，而我看来这标题毫无必要。科大评课社区的提示语就非常简单，就和其自嘲南七技校差不多了。USTC 评课社区开发者身份是公开的，其服务器由科大图书馆赞助。与之对比一番，交大却不支持在校内服务器上运营此类平台。

在点评内容上，北大仅支持纯文本和对几项特点的选择题，并且使用表情作为选项。同时北大课程评测在正文中给用户提供了需要点评的几方面的模板。科大在选择几个方面的文字选项以外，点评正文支持富文本和图片，有更多的玩法。由于我运行在个人服务器的原因，决定只用纯文本。两个平台都对某些方面做了客观题选项让用户选择，而我觉得这标准实在太主观，不如直接做成主观回答。在设计点评维度的时候我参考了之前继承的选修课体验整理问卷。

正式写开工写代码之前，我还做了技术栈选型调研。可能是我对前后端分离有执念，或者是考虑到可能有多种前端的需求，我一开始就选择用前后端分离的架构。虽然科大的代码是开源的，但是它是 Django 后端渲染的界面，而且用的旧版 bootstrap 我觉得不好看。因此我就没有在科大评课社区基础上改代码而是另起炉灶。

前端我参考了交大传承，react+antd 作为 UI 和组件库，然后懒人脚手架 umi 一把梭。后端我也想着全家桶，就选了 django+drf，特别是我想要 django admin 直接出管理界面。我想了这网站吞吐量也不会高到哪里去，用 Python 不至于带不动。数据库就直接用目前流行的 PostgreSQL 了。

我在做用户登录特别是 jAccount 登录时，一开始参考了杜赛的博客用 jwt，结果我没搞得定就搁置了。后来看 cxs 的交叉模块课，也就是信安大三下的应用软件课程设计的大作业，并且当面指教之后，用了同样的 session 方式，可算是搞定了登录。后来一查，网上博客不知道为什么，一大堆都是用 jwt 的。

数据模型设计我纠结了很久。主要是同一个课号的不同教师应该怎么设计。究竟是把相同课号的信息单独拆分出来建张表避免冗余，还是不同老师的同课号课直接重复相同的信息。为了避免麻烦，我还是选择了冗余，毕竟这点数据不占多少硬盘。考虑到每学期的课不一样，是否需要记录这门课在哪个学期开课也是一个问题。科大的做法是建立课程和学期之间的多对多关系，在查询信息和点评的时候合并。我选择不存储这个数据，交给用户在点评时自己选学期，这点和北大一致。我还把学期这种信息单独建了表，作为外键引入到点评中，而不是写在代码里作为选项，而且学期的名称为 2021-2022-1 这种格式。这一设计在导入教学信息服务网选课信息的时候非常方便，其实我一开始没想到会有这个功能。

编程写出一个平台其实很简单，后期的运营才是平台可持续繁荣的重点。水源一开始运营中就存在很多失误，导致的问题至今没有解决。而选课社区功能单一目标纯粹，最核心的问题是如何激励用户创作，写出真实而丰富的点评。我一开始想过搞等级制，或者限定发表多少条点评后解锁全部课程，但是又觉得不妥。后来搞了点评可以兑换传承积分，在当时稍微激励了一番，但这毕竟是不可持续的。这个问题还将困扰许久。

剩下一个问题是，如何在毕业之后解决项目的维护者问题。交大传承是一个典型案例，早几年的学长们开发之后火了几年，等他们相继毕业后就无人维护。要感谢其中一位学长在毕业后还自掏腰包一直承担传承的百度对象存储服务。直到后来传承在交大的服务器挂了，由人参果找到了对应服务器，取回了数据，再交到东岳手上才重新有人维护。SJTU+ 很快也会面临同样的问题。我和我的同学这几年搞出来的其他一堆事迹，也由于毕业或者自己不再需要就没有维护了。

这个问题我思考了很多年。体制内由党组织负责选拔接班人，各组织有自己的交接方式。而个人一时兴起做的项目，到底有没有人接手，接手后会不会变质，我想不出答案。

\n","createdAt":"2024-02-14 02:13:16.822709","updatedAt":"2024-03-17 13:08:03.428296","replyToPostNumber":null,"replyCount":0,"likeCount":5,"wordCount":3019,"liked":false,"bookmarked":false,"polls":[],"reactions":[{"reaction":"face_holding_back_tears_hugging_face","count":1,"users":[{"id":178,"username":"Hypocrisy","name":"rotartsinimdA"}],"hasReacted":false},{"reaction":"❤️","count":5,"users":[{"id":178,"username":"Hypocrisy","name":"rotartsinimdA"},{"id":299,"username":"sola","name":null},{"id":307,"username":"Fast","name":null},{"id":1381,"username":"greyishsong","name":"greyishsong"},{"id":1835,"username":"Dusk","name":"夕大画家"}],"hasReacted":false}],"wiki":false,"version":1,"publicVersion":1,"deletedAt":null,"foldedAt":null,"isAnonymous":false,"isOwner":false,"user":{"id":1047,"username":"anonymous_coward_old","name":"Anonymous Coward Old","avatarUrl":"/uploads/image/43/32/4332638c11248b8ff07033c11de0759a55205facfbec85e14458245a91991faf.avif","admin":false,"moderator":false,"signatureRaw":null,"signatureCooked":null}}],"hasMore":false,"lastReadPostNumber":1,"hasUrlPostNumber":false}