今天跟大家唠唠我搞中原证券股份有限公司官网的那些事儿。说起来，这活儿接的有点突然，但谁让咱是啥都能鼓捣两下的“全栈工程师”，硬着头皮也得上！
拿到这个题目，第一反应当然是去网上搜搜看，看看人家长啥样，心里有个底。直接搜“中原证券股份有限公司”，官网地址一下子就出来，是*。赶紧打开，看着挺正规的，毕竟是家上市公司。页面内容挺丰富的，各种业务介绍、行情信息、投资者关系啥的都有。
就是分析需求。这回的任务主要是做个信息展示的模块，需要把一些公司公告、研究报告之类的东西，按照一定的格式展示在网页上。需求文档写的比较简单，所以很多细节都需要自己去琢磨。我琢磨着，这玩意儿得考虑用户体验，得让用户能快速找到自己想要的信息，还得方便后台管理人员更新内容。
然后就开始搭环境，选技术。后台我决定用Spring Boot，主要是之前用的比较顺手，开发效率高。前端用*，组件化开发，方便维护。数据库用MySQL，这个没啥好说的，用的最习惯。
接着就是吭哧吭哧写代码。先搭好后台框架，把数据库连接配置然后就开始设计表结构。公告表、报告表，字段包括标题、发布时间、内容、附件等等。写完表结构，就开始写Service层和Controller层，实现数据的增删改查接口。这部分比较枯燥，就是对着需求文档一点一点的写，也没啥特别好说的。
后台接口写完，就开始搞前端页面。用Vue Cli创建项目，然后引入Element UI，这个UI库组件很丰富，用起来很方便。页面布局我参考官网的设计，尽量保持风格一致。然后就是把后台接口对接上，把数据渲染到页面上。这部分也没啥难度，就是一些基础的*操作。
在做的过程中，遇到几个小坑。一个是日期格式的问题，后台传过来的日期格式和前端需要的不一样，需要做一下转换。另一个是附件下载的问题，需要配置一下跨域，才能正常下载文件。这些问题都通过查资料和调试解决。
全部搞完之后，就是测试。自己先测一遍，然后交给测试人员测。测出来一些bug，比如分页显示不正确、搜索功能有问题等等。修复这些bug花不少时间，不过最终都解决。
把代码部署到服务器上，就可以上线。上线之后，又观察一段时间，确保没有问题，这才算完成这回的任务。
这回搞中原证券官网的经历，还是比较有收获的。巩固之前学的知识，也学到一些新的东西。最重要的是，积累一些实战经验，以后再遇到类似的项目，就能更快的上手。虽然过程有点辛苦，但是看到自己的成果被用户使用，还是挺有成就感的。以后有机会，还会继续分享我的实践记录。
- 技术选型：Spring Boot + * + MySQL
- 遇到的问题：日期格式转换、附件下载跨域
- 经验需求分析要仔细、测试要充分
一些小技巧
分享一个小技巧，在做前端页面的时候，可以使用一些在线的UI库，比如Element UI、Ant Design Vue等等，可以大大提高开发效率。要善于利用浏览器的开发者工具，可以快速定位问题。
还没有评论，来说两句吧...