新闻资讯类网站的PC端前台模板分享

news/2024/5/17 20:40:20/文章来源:https://blog.csdn.net/u011456337/article/details/88841369

PC端新闻资讯模板

背景
效果图
- 技术方案选型过程
方案敲定
- 结语

背景

我同学公司需要开发一个pc端的新闻咨询网址，后端和app端都有了，具体一点就是已经有了后台监控和发布系统，并且实现了手机app端的新闻客户端页面，只差pc端资讯网站了。
新闻咨询网址需要展示新闻、注册登录、用户评论的功能。
人少项目紧，仓促之下进行技术方案选型。

效果图

在这里插入图片描述

技术方案选型过程

先网上查和在群里问一些有经验的开发者，得到了挺多的答案，那么这里一一列举，给大家一个选型方案上面的广度。
选型目标是这样的：兼容性好，代码拓展性好，方便集成，方便做seo，页面资源引入尽可能少，样式等多余的东西尽量少。总之就是：小而全，易掌控。

我之前公司是直接用jsp写的。毕竟面向C端的网站很少用框架的，如果有更多框架请留下评论介绍我。
优点：所有改动和代码都掌握自己手中，缺点：jsp渲染效率和开发调试效率低下，技术落后，团队协作开发效率差
论坛找的一些别人的思路，摘自 http://www.codes51.com/itwd/4507913.html

解决方案1:
简单好用美观，首推 css框架 uikit 
https://getuikit.com/lightweight and modular front-end framework
for developing fast and powerful web interfaces.解决方案2:
underscore 简单写写 也能SEO解决方案3:
jquery ,不要天天想什么框架解决方案4:
资讯、门户、最好都不要用框架（react、vue、angular）。
当然你说的框架可能是css框架。除去楼上说的SEO不说，PC端的兼容性也是个大问题。解决方案5:
新闻资讯类 肯定要考虑SEO的，不推荐VUE这类适合SPA的框架，虽然有SSR，
总不是哪么方便，直接jquery好了解决方案6:
看你们的编程习惯了，前端人少的话就用vue吧，简单方便易上手，性能也好

基于bootstrap的模板网站找 http://www.cssmoban.com/tags.asp?n=新闻
优点：页面齐全，响应式。缺点：引入太多无用样式，很多是人家工具拖拉拽生成的。不好维护其实。
群里的朋友们给的一些建议

1、wordpress（基于php环境的），需要前后端分离，后端java，
前端php环境，就nginx 哪里proxy_pass到fastcgi的端口上，然后php curl 你java的数据接口。
2、换一个前后端分离，上模板，也快，比如springboot＋thymeleaf
3、第三个人说，直接github和osgit找一个，诉我直言，我找了下，没找到，可能直接搜【新闻】【资讯】关键字出来太多，这个是我的问题
4、WordPress 和hexo都搞过，表示hexo好用。
5、typecho表示也不错。
6、第六个人的建议如下图

在这里插入图片描述
5.看他们推荐的wordpress好像真的不错，但是因为php的，感觉页面拓展和技术选型以及考虑不一定前后端分离情况下，不应该选这个。
于是找到了一个java版的wordpress，jpress，http://jpress.io/article/102，
新闻媒体模板：http://jpress.io/article/102
优点：java技术的建站模板，上手即用，缺点：要300多rmb，不能忍