AutumnYin
A simple PWA+SPA news web application
LGPL-3.0 License
Stars
1
Ecosystems:
TypeScript
为什么叫这个名字?
秋是最美好的季节,隐是最美好的女孩. 而秋隐谐音蚯蚓,寓意着我们会像蚯蚓一样不断发掘有用有趣的新闻
前端 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文件夹
- 安装依赖
npm install - 使用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文件夹
- 使用Visual Studio 2019打开AutumnYin_BackEnd.sln
- 直接F5生成即可