ionic3,nodejs,MongoDB搭建一个移动端项目

ivydom 发布于2019-06-26 17:22 / 388人阅读

摘要：照例先贴上地址欢迎各位大佬指导就是我我是链接欢迎项目简介首先说下要在本地运行项目的话需要在电脑上安装我的项目也需要一下这里也贴一下地址地址前端部分页面搭建前端的页面搭建和跳转都是使用的的因为开始的仿原生的页面堆栈的概念使得前端制作的难度减少

照例先贴上地址欢迎各位大佬指导

就是我,我是链接 (欢迎star)

项目简介

首先说下要在本地运行项目的话,需要在电脑上安装mongoDB,我的nodejs项目也需要clone一下,这里也贴一下地址!!!

nodejs地址

前端部分

页面搭建
前端的页面搭建和跳转都是使用的ionic的components,因为ionic2开始的仿原生的页面堆栈的概念,使得前端制作APP的难度减少了不少,也增加代码的可读性,代码更加的简洁易懂!

页面的各个模块介绍
首先贴个首页的图,板块介绍都在首页有的,

由于api问题有几个功能都无法实现,因为自己相当的懒也不想写模拟数据了,加上最近公司有项目要忙,所以就暂时先放在那里了!以后有时间,有条件了我会补上,也欢迎各位有api可以发我,我会在README里写感谢的

数据管理和登录判断使用了localstorage,mongoDB
因为我的nodejs玩的并不是很6,所以就集中生智想出了使用localstorage来保存登录状态和用户昵称,然后根据用户名和密码来查库来判断是否已经登录,在我的页面这个模块里面的更多里面可以设置用户昵称和退出登录,退出登录我也是使用清除localstorage来完成的,相当LOW,看我多么的诚实的都说出来了,其实最近也在研究传cookie到后台,使用后台的storage来判断是否已经登录!

前端待处理的部分
1.我的,这个页面

这个页面的BUG确实有点多,自己都快看不过去了,慢慢来吧,以后还是要改的
2.还有就是音乐这个板块,我是想做一个可以全局播放的components,因为这段时间有点忙,所以没有时间去好好研究一下这个全局组件是怎么整的;
3.日推这个功能,我是想自己写一个后台录入的,然后每天发一些技术文的,现在也正在构思这个东西应该怎么弄,待我缕清头绪来做一个!

后端部分

登录和注册
这个功能使用了nodejs的express模块和mongoose模块,来处理请求和保存数据,先用mongoose来声明好数据格式,然后根据前端传过来的数据来对数据库进行增删改查,这些东西看着简单,可绕死我了,哎,还是羡慕后端那些大牛的头脑呀!
登录页面写的不怎么好看,logo没有好好设计一下,日后再找我们的UI帮我整一个

注册页面是使用弹出的方式写的,这样我感觉用户的交互感觉应该好一点但是注册后返回登录页面我还没有处理好,一直都判定的自动登录,写好这个页面就没怎么看到过了,今天写这个才发现这里有这么大一个BUG,日后处理!日后一定处理!

数据库部分

数据库部分就没有什么复杂的东西,就是使用nodejs关联数据库,然后实现一些数据格式的整理,和对于数据的增删改查.

最后总结一下哦!因为平时写移动端的东西还是比较少的,所以项目也是比较粗糙,自己也是为了温习一下angular和nodejs,还是感谢大家来看一下哦!!!

项目预览,由于只是gif所以好多东西没有展现,想查看的各位请去下载源码运行哦!

GPU云服务器云服务器 nodejs项目 nodejs操作mongodb nodejs连接mongoDB mongodb端口号

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/19083.html

ionic3,nodejs,MongoDB搭建一个移动端项目

摘要：照例先贴上地址欢迎各位大佬指导就是我我是链接欢迎项目简介首先说下要在本地运行项目的话需要在电脑上安装我的项目也需要一下这里也贴一下地址地址前端部分页面搭建前端的页面搭建和跳转都是使用的的因为开始的仿原生的页面堆栈的概念使得前端制作的难度减少照例先贴上地址欢迎各位大佬指导就是我,我是链接 (欢迎star) 项目简介首先说下要在本地运行项目的话,需要在电脑上安装mongoDB,我的...

alexnevsky 2019-08-01 17:27 评论0 收藏0
ionic3,nodejs,MongoDB搭建一个移动端APP

摘要：照例先贴上地址欢迎各位大佬指导就是我我是链接欢迎项目简介首先说下要在本地运行项目的话需要在电脑上安装我的项目也需要一下这里也贴一下地址地址前端部分页面搭建前端的页面搭建和跳转都是使用的的因为开始的仿原生的页面堆栈的概念使得前端制作的难度减少照例先贴上地址欢迎各位大佬指导就是我,我是链接 (欢迎star) 项目简介首先说下要在本地运行项目的话,需要在电脑上安装mongoDB,我的...

张汉庆 2019-06-26 17:22 评论0 收藏0
使用Ionic3框架开始第一个混合开发APP

摘要：什么是框架框架是一个混合开发框架，其本身依赖于，，。使用框架可以做什么使用可以使用前端相关技术快速开发多平台的移动。使用全局安装和。输入，这是添加一个平台的命令。注意这个包是版本，并非正式包，正式包需要先生成签名至此，你就开始了第一个应用。什么是混合开发？简单来说，就是在开发移动应用中同时使用Native和Web的开发方式。什么是Ionic3框架？ Ionic3框架是一个混合开发...

wangshijun 2019-08-02 15:57 评论0 收藏0
使用Ionic3框架开始第一个混合开发APP

摘要：什么是框架框架是一个混合开发框架，其本身依赖于，，。使用框架可以做什么使用可以使用前端相关技术快速开发多平台的移动。使用全局安装和。输入，这是添加一个平台的命令。注意这个包是版本，并非正式包，正式包需要先生成签名至此，你就开始了第一个应用。什么是混合开发？简单来说，就是在开发移动应用中同时使用Native和Web的开发方式。什么是Ionic3框架？ Ionic3框架是一个混合开发...

Mr_houzi 2019-08-21 11:54 评论0 收藏0