新闻App详细开发流程和结构搭建

1.系统情况
该新闻资讯小程序主要是用户可以查看各种各样的新闻资讯，并且可以进行注册，登录账号，搜索，评论，点赞，收藏，浏览新闻等操作，该小程序分为前台和后台管理系统。

2. 系统相关技术
系统用到的技术:
App端核心技术: vue技术
App后台管理前端：vue全家桶 + elementui框架+axios请求
开发软件：vscode+hbuilderx
数据库：mysql数据库

3. 项目结构图
展示项目的功能结构

项目流程图

4. 项目功能截图
新闻资讯首页：
(1) 展示所有的新闻分类
(2) 切换所有的新闻分类
(3) 查询所有的新闻数据
(4) 新闻的浏览数，点赞数，评论数据
(5) 点击调整新闻详情页

新闻详情页:

新闻评论界面：

新闻收藏界面：

后台管理界面:
可以进行新闻的发布，新闻修改，新闻删除，分页查询，搜索功能等操作

5. 新闻首页代码

<swiper-item class="swiper-item"><scroll-view scroll-y style="height: 100%;width: 100%;"><view class="page-box"><view class="order" v-for="(item, index) in list[6].newsList" :key="index"><view class="item" ><view class="left"><image :src="getNewsImg(item.fmUrl)" mode="aspectFill"></image></view><view class="content" @click='goNewsDetail(item.id)'><view class="title u-line-2" @click='goNewsDetail(item.id)'>{{ item.title }}</view></view></view><view class="bottom"><view class="more"><u-icon name="more-dot-fill" color="rgb(203,203,203)"></u-icon></view><view  style="display: flex;"><image src="../../static/imgs/news/view.png" style="width: 50upx;height: 50upx;" mode="aspectFill"></image><text style="margin-top: 7upx;">{{item.browse_count}}</text></view><view style="display: flex;"><image src="../../static/imgs/news/comment.png" style="width: 50upx;height: 50upx;" mode="aspectFill"></image><text style="margin-top: 7upx;">{{item.comments_count}}</text></view><view style="display: flex;"><image src="../../static/imgs/news/thump.png" style="width: 50upx;height: 50upx;" mode="aspectFill"></image><text style="margin-top: 7upx;">{{item.thumbs_up_count}}</text></view><view style="display: flex;"><image src="../../static/imgs/news/collect.png" style="width: 50upx;height: 50upx;" mode="aspectFill"></image></view></view></view></view></scroll-view></swiper-item>

新闻App详细开发流程和结构搭建相关推荐

如何搭建直播app系统开发流程及难点的介绍
5G时代,天各一方的两个人将可以实现更深层次的社交体验和相互协作,同时5G也会将全世界更紧密的连接在一起,进一步推动社会群体意识的形成.从现在的发展趋势来简单分析,暂时还没有什么行业能对直播行业形成竞 ...
SSM搭建二手市场交易平台（一）：开发流程与环境搭建
关于博主努力与运动兼备-~~有任何问题可以加我好友或者关注微信公众号,欢迎交流,我们一起进步! 微信公众号: 啃饼思录 QQ: 2810706745(i思录) 写在前面嘿,小伙伴们好久不见.最近难 ...
技术总监之路——App项目开发流程
App项目开发流程一. 需求阶段 1. 初期由leader或者项目责任人和PM沟通下阶段开发计划,确认需求的可行性和优先级等初步达成共识 2. 接下来PM提供详细UE文档(需求颗粒感尽可能小)发起三 ...
手机APP系统开发流程
手机APP系统开发流程,随着移动互联网的发展,越来越多人拥有手机,手机APP也成了风口,手机app软件开发已经成为时代的潮流,大部分创业者看准了商机找专业的服务平台服务商去开发一款属于自己的商业APP ...
Android Compose 新闻App（一）网络框架搭建
Compose 新闻App(一)网络框架搭建前言正文一.项目创建二.依赖配置三.数据API 四.网络框架构建五.项目配置六.网络请求七.源码前言要去学习新的知识,光是简单的使用 ...
一个APP的开发流程
一个APP的开发流程如何开发app的呢? 1.app界面设计开发: 通过客户提出需求,需要头脑风暴得出合适的方案和设计理念; 确认页面风格,确定整个界面的布局.关键截面的设计.文字.及其他的设计 ...
Android蓝牙开发—经典蓝牙详细开发流程
文章目录开发流程权限核心API BlueToothAdapter getDefaultAdapter():获取BluetoothAdapter对象判断设备是否支持蓝牙判断蓝牙是否开启 get ...
android pin码经典蓝牙_Android蓝牙开发—经典蓝牙详细开发流程
Android蓝牙开发-经典蓝牙详细开发流程发布时间:2018-07-16 13:41, 浏览次数:637 , 标签: Android Android蓝牙开发前,首先要区分是经典蓝牙开发还是BLE( ...
搭建vue3+cordove的APP混合开发流程
前言目前来说主流的App开发方式有三种:Native App(原生APP开发模式).Hybrid App(混合模式移动应用).Web App(嵌入HTML5移动应用).如果项目针对性能以及计算没有特 ...

新闻App详细开发流程和结构搭建

新闻App详细开发流程和结构搭建相关推荐

最新文章

热门文章