背景
咳咳...主要是鸽太久没更新了，一个月之后来水一篇文章吧...
最近 Eugrade 被推广到一个普通初中了，大概有两个班 90 个人左右使用 (主要是看上了 Grades 成绩管理系统)
需要批量注册成员账户并加入班级的需求就出现了，满足他们 🙂
好像一直没放过体验地址：https://www.eugrade.com
代码
//提交批量用户注册
handle_multi_submit() {
if (!this.multi.data_status) {
this.multi.names = '';
this.multi.names_check = true;
//获取全部姓名
$('input[name=multi_member]').each(function () {
var temp_name = $(this).val();
temp_name = temp_name.split("|").join(""); //删除分隔符
if (temp_name !== '') { //删除分隔符后仍剩其他字符
antd.multi.names = antd.multi.names + '|' + temp_name;
} else {
antd.multi.names_check = false;
}
});
if (this.multi.names_check) {
//获取全部用户昵称
this.multi.names = this.multi.names.substr(1, (this.multi.names).length);
var query_string = "pwd=" + this.multi.pwd + "&names=" + this.multi.names + "&class_id=" + this.opened_class_info.id + "&user_id=" + this.user.id;
//提交请求
axios.post(
'../interact/multi_create_member.php',
query_string
)
.then(res => {
if (res.data.status) {
//获取注册成功的用户名+邮箱与失败的用户名
this.multi.return.fails = res.data.info.fails;
this.multi.return.successes = res.data.info.successes;
this.multi.data_status = true;
this.$message.success(res.data.mes);
this.open_class_info(this.opened_class_info.index);
} else {
this.multi.data_status = false;
this.multi.confirm_multi_loading = false;
this.multi.count = 0;
this.multi.names = '';
this.multi.names_check = true;
this.multi.pwd = '';
this.multi.return.fails = [];
this.multi.return.successes = [];
this.$message.error(res.data.mes);
}
})
} else {
antd.$message.error('Invaild nickname, please avoid using special characters');
}
} else {
this.handle_multi_cancel();
}
},↑ Vue.js 代码
<!-- 批量成员添加 -->
<a-modal :title="lang.tab[5]" :visible="multi.visible" @ok="handle_multi_submit" :confirm-loading="multi.confirm_multi_loading" @cancel="handle_multi_cancel">
<template v-if="!multi.data_status">
<p v-html="lang.tab[6]"></p>
<a-input placeholder="Password" v-model="multi.pwd">
<a-icon slot="prefix" type="key" />
</a-input>
<br />
<div style="display:flex;margin: 15px 0;">
<a-button type="primary" @click="add_multi_member" style="width: 49%;margin-right: 2%;">+ Add</a-button>
<a-button @click="remove_multi_member" style="width: 49%;">- Remove</a-button>
</div>
<div v-for="(count,index) in multi.count" style="margin-bottom:10px">
<a-input :placeholder="'Nickname ' + (index + 1)" name="multi_member">
<a-icon slot="prefix" type="user" />
</a-input>
</div>
</template>
<template v-else>
<div v-if="!!multi.return.fails">
<h2 style="margin-bottom:0px">Fails</h2>
<p>Please change the following nickname(s):</p>
<div v-for="f in multi.return.fails" class="multi-list">
<p><b>{{ f.name }}</b></p>
</div>
</div>
<div v-if="!!multi.return.successes">
<h2 style="margin-bottom:0px">Successes</h2>
<p>Accounts of the following nickname(s) have been generated and added to this class:</p>
<div v-for="s in multi.return.successes" class="multi-list">
<p><b>{{ s.name }}</b> | Email: <b>{{ s.email }}</b> | PWD: <b>{{ multi.pwd }}</b></p>
</div>
</div>
</template>
</a-modal>
<!-- 批量成员添加 -->↑ HTML 代码
$name_array = explode('|', $names);
$status = true;
//转换昵称为拼音，存入数组
for ($i = 0; $i < count($name_array); $i++) {
if (empty($name_array[$i])) {
$status = false;
} else {
$names_array[] = Pinyin::getPinyin($name_array[$i]);
}
}
if ($status) {
for ($j = 0; $j < count($names_array); $j++) {
/* 注册用户 */
//用户信息
$count_n = 0;
$count_e = 0;
$name = $name_array[$j];
//原始输入用户名
$name_origin = $name_array[$j];
$email = $names_array[$j] . '@eugrade.com';
//判断用户名重复
if (!$check->name($name)) {
while (!$check->name($name) && $count_n <= 10) {
$count_n++;
$name = $name_array[$j] . rand(0, 999);
}
}
//判断邮箱重复
if (!$check->email($email)) {
while (!$check->email($email) && $count_e <= 10) {
$count_e++;
$email = $names_array[$j] . rand(0, 999) . '@eugrade.com';
}
}
//尝试 10 次添加随机数生成唯一用户名+邮箱失败
if ($count_e > 10 || $count_n > 10) {
$false[] = $name_origin; //保存注册失败的用户名
} else {
$pwd = (string) $pwd;
$this_id = Lazer::table('users')->lastId() + 1;
//存入数据库
$row = Lazer::table('users');
$row->id = $this_id;
$row->name = $name;
$row->email = $email;
$row->pwd = md5(md5($pwd) . md5($pwd));
$row->class = (string) $id;
$row->type = 1;
$row->avatar = 'https://static.ouorz.com/default_avatar.png';
$row->date = time();
$row->save();
//储存注册数据
$return_array[$j]['name'] = $name_origin;
$return_array[$j]['email'] = $email;
/* 注册用户结束 */
/* 加入班级 */
$class = Lazer::table('classes')->limit(1)->where('id', '=', (int) $id)->find();
$class->set(array(
'member' => $class->member . ',' . (string) $this_id
));
$class->save();
/* 加入班级结束 */
}
}
//存在注册失败的用户
if (!!$false) {
$status = 1;
$code = 126;
$info = array(
'fails' => $false,
'successes' => $return_array
);
$mes = 'Successfully created some members, but there are still some errors...';
} else {
//全部注册成功
$status = 1;
$code = 127;
$info = array(
'successes' => $return_array
);
$mes = 'Successfully created the members';
}
} else {
$status = 0;
$code = 128;
$mes = 'System error';
}↑ PHP 代码
后记
好啦，任务完成 🙂
那我继续回去准备升学季了，再有个一两个月不更新也是有可能的。顺便一提，雅思成绩终于过关了，耶！
