随着互联网的蓬勃发展,行各业都在提倡“互联网+”,同互联网之间的联系也越来越紧密。在具体表现形式上,最好的方式莫过于结合自身的业务和需要建立一个网站,将以前线下完成的内容搬迁到线上:便捷、高效。但很多传统中小企业在网站建设方便相对薄弱,而资讯网站作为一个互联网基础性网站,包含了网站开发涉及到的大多数主流功能,因此设计和实现一个完整的资讯网站对于当前诸多企业都具有很大的参考价值。因此本文将资讯网站作为研究网站开发的桥梁。在本论文的网站整体设计上,采用的是前后端分离方案,这也是当今热门网站开发的主流趋势,保证了数据和内容的解耦。后端管理页面采用基于MVC模式的PHP框架CodeIgniter进行管理系统搭建。管理后台页包括了 5大模块:资讯信息模块、资讯列表模块、用户模块、评论模块、收藏模块。通过分析模块之间的相互关联以及前端页面的实际需求,设计出各个模块对应的MySQL数据表,并通过后台管理系统的可视化界面对这些数据库的数据进行查看、增加、修改、删除等一系列操作。前端展示页面采用xvuejs的vue-cli脚手架工具结合网站业务需求快速搭建前端单页应用,vuejs单页应用对于前端的数据处理及性能优化上有着天然的优势。前端展示页主要包含首页,资讯详情及登录注册等。通过请求后端控制器相关函数(接口)获取所需数据并结合bootstrap在页面进行整体布局并合理地展示数据。在资讯网站的整个开发过程中,通过代码逻辑测试和输入测试等软件测试方法保证了开发的严谨性和网站功能的完整性,同时便于后续优化和版本迭代。通过前期调研、网站整体设计、实现一个功能模块到整个网站开发完成,本论文使用了当前web网站开发中较为前沿的思想和技术。对于各行各业的web网站开发都具有指导意义。