秋隐 AUXYIN.COM

一个简单的资讯PWA应用

为什么叫这个名字?

秋是最美好的季节,隐是最美好的女孩.
而秋隐谐音蚯蚓,寓意着我们会像蚯蚓一样不断发掘有用有趣的新闻

前端 front-end

一个典型的HTML5+SPA+PWA应用,通过fetch函数与后端进行交互并展示新闻资讯

注意:前端暂未进行SEO处理,无法被搜索引擎正常爬取

前端主要技术

• webpack
• React/React Router
• TypeScript
• HTML5/CSS3
• Single Page Application
• Progressive Web Application

前端依赖

• react
• react-router
• react-live-route
• Bootstrap 4
• jQuery
• Valine
• TypeScript
• webpack
• Marked.js
• Swiper.js
• react-horizontal-scrolling-menu
• mescroll
• React Suite

编译前端代码

进入front-end文件夹

1. 安装依赖

   npm install
   

2. 使用webpack打包

   npm run build
   

此时,你就可以在front-end/dist文件夹中看到生成完毕的应用

另外,可以通过npm run dev进行实时调试(webpack-dev-server)

后端 back-end

与后端数据进行交互,为前端应用提供文章等数据的接口

主要技术

• dotnet core 2.2
• asp dotnet core
• C# 7

依赖包

• Newtonsoft.Json

编译后端代码

进入back-end文件夹

1. 使用Visual Studio 2019打开AutumnYin_BackEnd.sln
2. 直接F5生成即可