新闻资讯

新闻媒体新闻案例ID：194055

恸.

2 年经验· 南通简律数字有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

这是⼀个可以了解最新资讯的新闻类的中⼩型项⽬，允许⽤⼾进
⾏登录、注册、搜索、查看新闻、发布评论、查看⽤⼾等多种操作，达到让⽤⼾使⽤感觉良好的效果；
负责功能:
主要运营Vue框架，实现了视图层和模型层的分离；
我在这个项目中负责对手也、登录、注册、搜索、分页等效果的编写；
在前期的工作与后端人员沟通来进行项目的接口的调试；
在后期的工作中与后端UI相互沟通对项目产品进行完善优化，让使用本
项目产品的人体验更好；
技术要点：
通过使用Vue-router来进行路由跳转以及跳转之后携带需要使用的参数来实现相对应的效果并且可以通过监听路由来达到保留参数的效果；
使用了Axios插件进行多种方式Ajax请求，并且将这些Axios请求进行了二次封装来对重复性的请求编码，减少了代码量，就是减少性能消耗；
使⽤了ElementUI插件进⾏多个⻚⾯CSS样式的美化，主要体现在了按钮、表单、
分⻚、表格、图标、输⼊框等⼀些列操作；
并且可以创建⼀个config.js⽂件，在config.js⽂件中进⾏模块导出使⽤proxy代理来实现跨域的效果，并且还同时可以⽤⼀个代理，名称来供给后期使⽤；
并且在进⾏路由跳转时进⾏对登录信息的判断与路由跳转的判断，⽐如说如果要发布新闻、发布评论等常⽤操作必须检测Vuex中时候有登录信息，有则发布，⽆则前往登录；
使⽤了Vuex来对⽤⼾的登录信息进⾏存储，在后续⼯作中使⽤；
主要技术栈：Vue2、Vue-Router、Vuex、ElementUI、Axios