博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Meteor:添加用户系统
阅读量:5803 次
发布时间:2019-06-18

本文共 1530 字,大约阅读时间需要 5 分钟。

Meteor 内部实现了对用户系统的支持,可以让你的应用程序分分钟种支持多用户系统。

要开启对于Accounts 系统和UI的支持,我们需要添加相关的packages,cd 到App的目录,添加相关的包:

meteor add accounts-ui

meteor add accounts-password

一个是用户系统相关的ui包,一个是password相关的包

添加login按钮

直接在body里面添加login的模板即可:

{

{> loginButtons}}

效果如下:

图片描述

点击按钮会弹出一个登录框:

图片描述

可以登录,也可以跳转到注册界面

在取用户信息

在html中可以通过currentUser这个变量获取到用户的信息

{
{#if currentUser}}
{
{currentUser.username}}
{
{> add}} {
{> detail}}{
{/if}}

currentUser可以判断用户是否登录,没有登录的用户该值为空,如果用户已经登录可以通过currentUser.username得到用户的名字。

数据和用户信息关联

使用add的template添加一条language数据

页面:

添加事件:

Template.add.events({        "submit .new-language": function (event) {            event.preventDefault();            console.log("test");            console.log(Meteor.user().username);            var text = event.target.text.value;            Languages.insert({                text: text,                createdAt: new Date(),                owner: Meteor.userId(),                username: Meteor.user().username            });        }    });

在保存Lanuages的时候,额外保存了两条用户相关的数据 一个是用户的id,一个是用户的名称。owner保存的是user的 _id就是MongoDB的主键。通过Meteor.userId() 可以获得当前登录用户的id,Meteor.user()可以获得当前登录的用户,Meteor.user()在JavaScript中使用,而currentUser在html中使用。

在数据中显示用户信息

在lanuage信息中,显示出用户名

获取数据的代码:

Template.detail.helpers({        languages: Languages.find({owner: Meteor.userId()})   });

从保存到数据库中的用户信息中,显示用户的名称。

项目源代码地址:

转载地址:http://jurfx.baihongyu.com/

你可能感兴趣的文章
network
查看>>
SettingsNotePad++
查看>>
centos7安装cacti-1.0
查看>>
3个概念,入门 Vue 组件开发
查看>>
没有JS的前端:体积更小、速度更快!
查看>>
数据指标/表现度量系统(Performance Measurement System)综述
查看>>
GitHub宣布推出Electron 1.0和Devtron,并将提供无限制的私有代码库
查看>>
Angular2, NativeScript 和 React Native比较[翻译]
查看>>
论模式在领域驱动设计中的重要性
查看>>
国内首例:飞步无人卡车携手中国邮政、德邦投入日常运营
查看>>
微软将停止对 IE 8、9和10的支持
查看>>
微服务架构会和分布式单体架构高度重合吗
查看>>
如何测试ASP.NET Core Web API
查看>>
《The Age of Surge》作者访谈
查看>>
测试人员的GitHub
查看>>
Spring Web Services 3.0.4.RELEASE和2.4.3.RELEASE发布
查看>>
有关GitHub仓库分支的几个问题
查看>>
无服务器计算的黑暗面:程序移植没那么容易
查看>>
云原生的浪潮下,为什么运维人员适合学习Go语言?
查看>>
Webpack入门教程三十
查看>>