typecho简单实现用户中心完整搭建

很多教程都说到要修改程序内核文件，但是并不喜欢修改太多系统文件，修改多了，一下子忘记了，下次版本升级的时候，就比较麻烦了，这里借鉴了几篇网上文章，先搭建一个较为简单的typecho的用户中心系统

参考文章：https://www.ruletree.club/archives/1066/

源码下载：https://i.veimoz.com/2020/07/2571128310.zip

要实现typecho会员中心，既然不能修改内核，不修改功能文件，那我直接通过js操控dom层添加删除代码来实现控制总行吧，于是这篇教程就诞生了。

过程记录（只讲思路）：
1.首先，要改的只有一个文件，那就是admin/header.php，我需要在它的头部添加js和css的引用，这样就会全局生效。

<?php if($user->group != "administrator"): ?>
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" href="<?php $options->siteUrl(); ?>/user/user.css?v=1.0">
<script>
var UserLink="<?php $options->adminUrl('profile.php'); ?>";
var UserPic="<?php echo Typecho_Common::gravatarUrl($user->mail, 100, 'X', 'mm', $request->isSecure()); ?>";
var SiteLink="<?php $options->siteUrl(); ?>";
var UserName="<?php $user->screenName(); ?>";
var UserGroup="<?php $user->group(); ?>";
var SiteName="<?php $options->title(); ?>";
</script>
<script src="<?php $options->siteUrl(); ?>/user/user.js?v=1.0"></script>
<?php if($menu->title == "网站概要"): ?>
<style>
.typecho-page-main div:nth-child(4){display:none;}
</style>
<?php endif; ?>
<?php endif; ?>

大概的含义是，对用户组进行判断，如果不是管理员则显示引用的外部代码，在此基础上判断是否为首页界面，想办法去掉typecho官方的更新公告，另外再设置常用字段，方便js进行判断。

2.在根目录创建member.php，加入以下代码。

<!DOCTYPE HTML>
<html class="no-js">
    <head>
        <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="renderer" content="webkit">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>会员中心 - 规则之树</title>
          <style>
          *{margin:0;
            padding:0;}
          html,body{
              height:100%;
            width:100%;
          }
        </style>
    </head>
    <body>
          <iframe id="contentPage" src="admin" scrolling="yes" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%" frameborder="0"></iframe>
    </body>
</html>

通过iframe 嵌套的方式，让用户访问member.php等同于访问后台，因为有了之前的判断，非管理员用户呈现的都是自己定义的样式。本来我是准备参考QQ爹博客实现前台登录功能，但是typecho方法里面的退出登录后跳转地址根本控制不了，所以干脆用嵌套来的实在。

3.通过js修改判断登录的用户并且修改typecho的导航区域，我没有使用jquery而是原生js，然后通过css对js新增加的区块进行样式定义，同时还修改了登录注册界面的样式，于是就有了以下的效果

请输入图片描述

因为所有的功能都是几个小时做出来的，都很简陋，代码也不复杂，如果有能力修改的可以自己美化

更新记录：

2019/04/10：对后台风格提供了支持，进入测试阶段
2019/03/11：新增了对QQ邮箱的识别并生成QQ头像，在会员中心全局调用
2019/03/09：修复了提示框被遮挡和错位的问题，美化了登录页面，新定义了网站logo
2019/03/06：原始版本

然后就完成搭建了，这里会遇到两个问题

会员注册的时候，权限只是访问者，只能评论文章，不能发布文章，需要管理员后台提升权限才行，网上只有一部分是修改内核源码的教程，对我又不太实用，推荐一款插件“Rdog-Typecho多用户辅助插件”

请输入图片描述

功能介绍

1，支持自定义用户注册时默认的用户组
2，支持贡献者发文章无需审核
3，注册支持用户直接设置账号密码
4，支持修改注册后的跳转地址
5，支持模板开发者设置前台注册后的跳转地址，设置前台文章发布后的跳转地址

下载地址：https://github.com/jrotty/Rdog

这样，就可以通过插件的配合，实现用户注册，然后发布文章，编辑个人资料了

文章由官网发布，如若转载，请注明出处：https://www.veimoz.com/52

typecho

1 条评论

1.2w

发表评论

仅有一条评论

duote Win 10 / Chrome

2019-11-01 13:55

：真棒：：真棒：：真棒：非常不错，感谢博主的无私分享！

回复

随机推荐

相关推荐

随机推荐

xdp

ywzjk

ab

酷小呵

adgjm531