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

背景

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

效果图

技术方案选型过程

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

1. 我之前公司是直接用jsp写的。毕竟面向C端的网站很少用框架的，如果有更多框架请留下评论介绍我。
   优点：所有改动和代码都掌握自己手中，缺点：jsp渲染效率和开发调试效率低下，技术落后，团队协作开发效率差
2. 论坛找的一些别人的思路，摘自 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吧，简单方便易上手，性能也好

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

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，不能忍

6、有个博客里面直接写了一些页面和样式和动态效果图，看着不错，简洁又全
https://blog.csdn.net/qq_42036616/article/details/82722371

方案敲定

我跟同学讨论了上面一番，觉得只是咨询展示加点登录注册评论功能，本着方便维护拓展和简单快捷开发，选择了方案6的这种，直接拿现成的几个html和css，基于boostrap来做，
源码地址 https://github.com/lufei222/san-news.git

结语

项目选型确实是个不可绕过的很重要的过程，一定要多方打听了解别人的经验，找的适合自己项目的方案