新闻资讯小程序app

今天药忘吃喽~ 2022-10-29 09:26 19阅读 0赞

# 1.系统情况 #

该新闻资讯小程序 主要是用户可以查看各种各样的新闻资讯，并且可以进行注册，登录账号，搜索，评论，点赞，收藏，浏览新闻等操作，该小程序分为前台和后台管理系统。东西很多，非常值得学习，二次开发，设计指导项目。  
并且该小程序，可以支持 微信小程序，百度小程序，支付宝小程序等

# 2 系统相关技术 #

系统用到的技术:  
小程序端核心技术: vue技术  
小程序后台管理前端：vue全家桶 + elementui框架+axios请求  
小程序后台服务技术: ssm技术+springboot+springsecurity技术+JWT技术  
开发软件：idea或者eclipse + vscode+hbuilderx  
数据库 ：mysql数据库

# 3 项目结构图 #

展示项目的功能结构  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center]  
项目流程图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 1]

# 4 项目功能截图 #

新闻资讯首页：  
（1）展示所有的新闻分类  
（2）切换所有的分类  
(3) 查询所有的新闻数据  
(4) 新闻的浏览数，点赞数，评论数据  
(5) 点击调整新闻详情页  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 2]

新闻详情页:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 3]  
新闻评论

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 4]  
我的收藏新闻  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 5]  
后台管理系统：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 6]  
新闻页面:  
可以进行新闻的发布，新闻修改，新闻删除，分页查询，搜索功能 等操作  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 7]

# 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>

# 6 项目获取 #

https://gitee.com/soul\_PreCoder/news-xcx

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221024/bc84fa9cfee24326b14a1474df564ed9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221024/8eb8208936a041d0a58d6d4708769e2a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221024/ed3c058cd72d48e697e5641f2bae33a9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221024/f20814f0a0c74c36969683b74d12c843.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221024/5363d673f33f4aa785ed839c7115e6ca.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221024/8e1c2a25e19743f9880400659d9a64d8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221024/0fc41198cb714ea98a105e588a830da1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NvZGVyMTk5OA_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221024/8e8dd65cb5c843999346cf2e8fc032db.png