今天跟大家唠唠我捣鼓的这个“学校物语”官方网站的事儿。
我就寻思着得给“学校物语”整个像样的门面,让大家伙儿一瞧见,就知道这是个能干
我把需求捋了一遍。网站得能展示游戏介绍、角色介绍、更新日志,最好还能有个论坛啥的,让玩家能交流交流。
我开始选技术。前端我选了*,这玩意儿上手快,组件化开发也方便。后端嘛我用的* + Express,轻量级,搭起来也快。数据库选了MongoDB,为因为它存JSON方便,省事儿!
然后就开始吭哧吭哧地码代码。
先搭了个基本的框架,把页面结构给整出来。用了Vue CLI,初始化项目,然后就开始写各种组件。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
- Header组件:放Logo、导航栏
- Footer组件:放版权信息、联系方式
- Home组件:游戏介绍、宣传图
- Character组件:角色介绍,图片、文字啥的
- News组件:更新日志,按时间排序
这些组件都是静态的,数据都是写死的。
我开始搞后端。用Express建了个API,用来获取游戏信息、角色信息、更新日志。MongoDB用Mongoose连接,定义了Schema,然后写CRUD接口。
为了让前端能获取到数据,我用Axios发请求。把之前写死的静态数据,都换成了从后端获取的动态数据。
这中间遇到不少坑。比如跨域问题,我用CORS解决了。还有MongoDB的查询语句,一开始写不对,查了好久文档才搞明白。
论坛这块,我没自己写,太费劲了。直接用了Disqus,简单集成了一下。
样式方面,我用了Bootstrap,这玩意儿简单粗暴,能快速搭出一个看着还行的界面。
我把网站部署到了服务器上。用的阿里云的ECS,配置了Nginx,做了反向代理。
部署完之后,测试了一下,发现还有不少问题。比如图片加载慢,我用了CDN加速。还有一些小bug,慢慢修复。
整个过程下来,感觉还是挺充实的。虽然累,但是看到网站一点点成型,还是挺有成就感的。
1. 需求分析:搞清楚网站要干啥
2. 技术选型:选合适的工具
3. 前后端开发:吭哧吭哧码代码
4. 问题解决:遇到坑就填
5. 部署上线:让大家都能看到
6. 持续维护:修bug、加新功能
这回实践,让我对前端、后端、数据库、服务器都有了更深的了解。以后再搞类似的项目,心里更有数了。