简阅1.1登录

  1. 登录功能后端实现

  2. 创建数据库db_jianyue，新建用户数据表t_user

image.png

准备几个数据

  1. IDEA中新建 jianyue-api项目，目录结构如下：
image.png
  1. pom.xml文件
<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">

<modelVersion>4.0.0</modelVersion>

<parent>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-parent</artifactId>

<version>2.1.3.RELEASE</version>

<relativePath/> <!-- lookup parent from repository -->

</parent>

<groupId>com.soft1721</groupId>

<artifactId>jianyue-api</artifactId>

<version>0.0.1-SNAPSHOT</version>

<name>jianyue-api</name>

<description>JianYue API project</description>

<properties>

<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>

<java.version>1.8</java.version>

</properties>

<dependencies>

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter</artifactId>

</dependency>

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-web</artifactId>

</dependency>

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-test</artifactId>

<scope>test</scope>

</dependency>

<dependency>

<groupId>mysql</groupId>

<artifactId>mysql-connector-java</artifactId>

<version>5.1.39</version>

</dependency>

<dependency>

<groupId>org.mybatis.spring.boot</groupId>

<artifactId>mybatis-spring-boot-starter</artifactId>

<version>1.1.1</version>

</dependency>

<dependency>

<groupId>org.projectlombok</groupId>

<artifactId>lombok</artifactId>

<version>1.18.6</version>

<optional>true</optional>

</dependency>

<dependency>

<groupId>com.spring4all</groupId>

<artifactId>swagger-spring-boot-starter</artifactId>

<version>1.8.0.RELEASE</version>

</dependency>

</dependencies>

<build>

<plugins>

<plugin>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-maven-plugin</artifactId>

</plugin>

</plugins>

</build>

</project>
  1. application.properties文件

数据源配置

spring.datasource.url=jdbc:mysql://localhost:3306/db_jianyue?useUnicode=true&characterEncoding=utf8

spring.datasource.username=root

spring.datasource.password=root

spring.datasource.driver-class-name=com.mysql.jdbc.Driver

#指定实体类映射的包

mybatis.type-aliases-package=com.soft1721.jianyue.api.entity

#swagger配置

swagger.enabled=true

swagger.title=jianyue api project

swagger.description=Starter for swagger 2.x

swagger.license=Apache License, Version 2.0

swagger.licenseUrl=https://www.apache.org/licenses/LICENSE-2.0.html

swagger.termsOfServiceUrl=https://github.com/dyc87112/spring-boot-starter-swagger

swagger.contact.name=mqXu

swagger.contact.url=https://www.jianshu.com/u/822585e5c69a

swagger.contact.email=moqi1977@gmail.com

swagger.base-package=com.soft1721.jianyue.api.controller

swagger.base-path=/**

swagger.exclude-path=/error, /ops/**
  1. entity包User.java实体类
package com.soft1721.jianyue.api.entity;

import lombok.Data;

import java.util.Date;

@Data

public class User {

private Integer id;

private String mobile;

private String password;

private String nickname;

private String token;

private Short status;

private Date regtime;

private String avatar;

}
  1. entity包下dto子包UserDTO.java数据传输对象类
package com.soft1721.jianyue.api.entity.dto;

import lombok.Data;

@Data

public class UserDTO {

private String mobile;

private String password;

}
  1. util工具包下的几个类
image.png
package com.soft1721.jianyue.api.util;

import java.io.UnsupportedEncodingException;

import java.text.DateFormat;

import java.text.SimpleDateFormat;

import java.util.Base64;

import java.util.Date;

import java.util.UUID;

public class StringUtil {

public static String getDateString(Date date) {

DateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");

return df.format(date);

}

public static String getBase64Encoder(String srcString) {

String resultStr = "";

try {

resultStr = Base64.getEncoder().encodeToString(srcString.getBytes("utf-8"));

} catch (UnsupportedEncodingException e) {

e.printStackTrace();

}

return resultStr;

}

public static String getBase64Decoder(String srcString) {

byte[] bytes = Base64.getDecoder().decode(srcString);

return new String(bytes);

}

public static String getUUIDString() {

return UUID.randomUUID().toString();

}

}

package com.soft1721.jianyue.api.util;

public class StatusConst {

public static final int SUCCESS = 0;

public static final int USER_ID_NOT_FOUND = 1;

public static final int USER_MOBILE_NOT_FOUND = 2;

public static final int PASSWORD_ERROR = 3;

public static final int USER_STATUS_ERROR = 4;

}

package com.soft1721.jianyue.api.util;

public class MsgConst {

public static final String SUCCESS = "请求成功";

public static final String USER_ID_NO_FOUND = "id不存在";

public static final String USER_MOBILE_NO_FOUND = "手机号不存在";

public static final String PASSWORD_ERROR = "密码错误";

public static final String USER_STATUS_ERROR = "账号异常";

}

package com.soft1721.jianyue.api.util;

import lombok.Data;

import lombok.Setter;

/**

* 封装统一的响应体

* 调用 ResponseResult.success() 或 ResponseResult.success(Object data),

* 不需要返回数据时调用前者, 需要返回数据时调用后者

*/

@Data

public class ResponseResult {

private int code;

private String msg;

private Object data;

public static ResponseResult error(int code, String msg) {

ResponseResult responseResult = new ResponseResult();

responseResult.setCode(code);

responseResult.setMsg(msg);

return responseResult;

}

public static ResponseResult success() {

ResponseResult responseResult = new ResponseResult();

responseResult.setCode(StatusConst.SUCCESS);

responseResult.setMsg(MsgConst.SUCCESS);

return responseResult;

}

public static ResponseResult success(Object data) {

ResponseResult responseResult = new ResponseResult();

responseResult.setCode(StatusConst.SUCCESS);

responseResult.setMsg(MsgConst.SUCCESS);

responseResult.setData(data);

return responseResult;

}

}
  1. mapper包UserMapper.java接口
package com.soft1721.jianyue.api.mapper;

import com.soft1721.jianyue.api.entity.User;

import org.apache.ibatis.annotations.Result;

import org.apache.ibatis.annotations.Results;

import org.apache.ibatis.annotations.Select;

import org.apache.ibatis.annotations.Update;

public interface UserMapper {

@Results({

@Result(property = "id", column = "id"),

@Result(property = "mobile", column = "mobile"),

@Result(property = "password", column = "password"),

@Result(property = "nickname", column = "nickname"),

@Result(property = "avatar", column = "avatar"),

@Result(property = "status", column = "status"),

@Result(property = "regtime", column = "regtime"),

@Result(property = "token", column = "token")

})

@Select("SELECT * FROM t_user WHERE mobile = #{mobile} ")

User getUserByMobile(String mobile);

@Update("UPDATE t_user SET password=#{password},nickname=#{nickname},avatar=#{avatar},status=#{status},token=#{token} WHERE id =#{id}")

void update(User user);

}
  1. service包UserService.java接口
package com.soft1721.jianyue.api.service;

import com.soft1721.jianyue.api.entity.User;

import com.soft1721.jianyue.api.entity.dto.UserDTO;

public interface UserService {

/**

* 根据手机号获取用户信息

*

* @param mobile

* @return

*/

User getUserByMobile(String mobile);

/**

* 登录方法

*

* @param userDTO

* @return boolean

*/

int signIn(UserDTO userDTO);

}
  1. service下impl子包UserServiceImpl.java实现类
package com.soft1721.jianyue.api.service.impl;

import com.soft1721.jianyue.api.entity.User;

import com.soft1721.jianyue.api.entity.dto.UserDTO;

import com.soft1721.jianyue.api.mapper.UserMapper;

import com.soft1721.jianyue.api.service.UserService;

import com.soft1721.jianyue.api.util.StatusConst;

import com.soft1721.jianyue.api.util.StringUtil;

import org.springframework.stereotype.Service;

import javax.annotation.Resource;

@Service

public class UserServiceImpl implements UserService {

@Resource

private UserMapper userMapper;

@Override

public User getUserByMobile(String mobile) {

return userMapper.getUserByMobile(mobile);

}

@Override

public int signIn(UserDTO userDTO) {

User user = userMapper.getUserByMobile(userDTO.getMobile());

//手机号存在

if (user != null) {

//密码正确

if (userDTO.getPassword().equals(user.getPassword())) {

//账号正常

if (user.getStatus() == 1) {

user.setToken(StringUtil.getUUIDString());

userMapper.update(user);

return StatusConst.SUCCESS;

} else { //账号异常

return StatusConst.USER_STATUS_ERROR;

}

} else { //密码错误

return StatusConst.PASSWORD_ERROR;

}

} else { //手机号不存在

return StatusConst.USER_MOBILE_NOT_FOUND;

}

}

}
  1. 单元测试类
package com.soft1721.jianyue.api.service.impl;

import com.soft1721.jianyue.api.entity.User;

import com.soft1721.jianyue.api.entity.dto.UserDTO;

import com.soft1721.jianyue.api.service.UserService;

import com.soft1721.jianyue.api.util.StatusConst;

import com.soft1721.jianyue.api.util.StringUtil;

import org.junit.Test;

import org.junit.runner.RunWith;

import org.springframework.boot.test.context.SpringBootTest;

import org.springframework.test.context.junit4.SpringRunner;

import javax.annotation.Resource;

import static org.junit.Assert.assertEquals;

@RunWith(SpringRunner.class)

@SpringBootTest

public class UserServiceImplTest {

@Resource

private UserService userService;

@Test

public void getUserByMobile() {

User user = userService.getUserByMobile("13988889999");

System.out.println(user);

}

@Test

public void signIn() {

UserDTO loginUser = new UserDTO();

loginUser.setMobile("13951905171");

String base64Pass = StringUtil.getBase64Encoder("111");

loginUser.setPassword(base64Pass);

int status = userService.signIn(loginUser);

assertEquals(StatusConst.SUCCESS, status);

}

}

1.  controller包UserController

package com.soft1721.jianyue.api.controller;

import com.soft1721.jianyue.api.entity.User;

import com.soft1721.jianyue.api.entity.dto.UserDTO;

import com.soft1721.jianyue.api.service.UserService;

import com.soft1721.jianyue.api.util.ResponseResult;

import com.soft1721.jianyue.api.util.MsgConst;

import com.soft1721.jianyue.api.util.StatusConst;

import com.soft1721.jianyue.api.util.StringUtil;

import org.springframework.web.bind.annotation.*;

import javax.annotation.Resource;

@RestController

@RequestMapping(value = "/api/user")

public class UserController {

@Resource

private UserService userService;

@PostMapping(value = "/sign_in")

public ResponseResult signIn(@RequestBody UserDTO userDTO) {

 System.out.println(userDTO);

User user = userService.getUserByMobile(userDTO.getMobile());

if (user == null) {

return ResponseResult.error(StatusConst.USER_MOBILE_NOT_FOUND, MsgConst.USER_MOBILE_NO_FOUND);

} else {

//手机号存在，将明文密码转成Base64密文后进行登录

userDTO.setPassword(StringUtil.getBase64Encoder(userDTO.getPassword()));

int status = userService.signIn(userDTO);

if (status == StatusConst.SUCCESS) {

return ResponseResult.success(user);

} else if (status == StatusConst.PASSWORD_ERROR) {

return ResponseResult.error(status, MsgConst.PASSWORD_ERROR);

} else {

return ResponseResult.error(status, MsgConst.USER_STATUS_ERROR);

}

}

}

}
  1. config包下跨域配置类
package com.soft1721.jianyue.api.config;

import org.springframework.context.annotation.Bean;

import org.springframework.context.annotation.Configuration;

import org.springframework.web.servlet.config.annotation.CorsRegistry;

import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;

@Configuration

public class WebMvcConfigurer extends WebMvcConfigurerAdapter {

//跨域配置

@Bean

public WebMvcConfigurer corsConfigurer() {

return new WebMvcConfigurer() {

@Override

//重写父类提供的跨域请求处理的接口

public void addCorsMappings(CorsRegistry registry) {

//添加映射路径

registry.addMapping("/**")

//放行哪些原始域

.allowedOrigins("*")

//是否发送Cookie信息

.allowCredentials(true)

//放行哪些原始域(请求方式)

.allowedMethods("GET", "POST", "PUT", "DELETE")

//放行哪些原始域(头部信息)

.allowedHeaders("*")

//暴露哪些头部信息（因为跨域访问默认不能获取全部头部信息）

.exposedHeaders("Header1", "Header2");

}

};

}

}

1.  启动主类

package com.soft1721.jianyue.api;

import com.spring4all.swagger.EnableSwagger2Doc;

import org.mybatis.spring.annotation.MapperScan;

import org.springframework.boot.SpringApplication;

import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication

@MapperScan("com.soft1721.jianyue.api.mapper")

@EnableSwagger2Doc

public class JianyueApiApplication {

public static void main(String[] args) {

SpringApplication.run(JianyueApiApplication.class, args);

}

}

1.  运行swagger页面[http://localhost:8080/swagger-ui.html](http://localhost:8080/swagger-ui.html)，测试登录功能

[图片上传失败...(image-135dfd-1555505089729)] 

[图片上传失败...(image-213584-1555505089729)] 

1.  登录功能前端实现

1.  在HBuilderX中创建uni-app类型的项目，选择默认模板即可

然后建目录结构，如图所示：

*   commons目录放置一些全局配置函数

*   components目录放置封装的组件

*   pages目录放置页面文件

*   static目录放置图片资源

*   style目录放置全局样式文件

[图片上传失败...(image-278b2b-1555505089729)] 

1.  pages目录的各个子目录里分别放相应的vue文件

[图片上传失败...(image-140fca-1555505089729)] 

1.  static目录图标素材

图标素材.zip12.1KB

1.  配置pages.json文件如下：

{

"pages": [

//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages

{

"path": "pages/index/index",

"style": {

"navigationBarTitleText": "文章",

//允许下拉刷新

"enablePullDownRefresh": true

}

},

{

"path": "pages/message/message",

"style": {

"navigationBarTitleText": "消息"

}

},

{

"path": "pages/my/my",

"style": {

"navigationBarTitleText": "我的"

}

},

{

"path": "pages/signin/signin",

"style": {}

},

{

"path": "pages/write/write",

"style": {}

},

{

"path": "pages/info/info",

"style": {}

},

{

"path": "pages/setting/setting",

"style": {}

}

],

"globalStyle": {

"navigationBarTextStyle": "black",

// "navigationBarTitleText" : "简阅",

"navigationBarBackgroundColor": "#F8F8F8",

"backgroundColor": "#F8F8F8"

},

"tabBar": {

"color": "#707070",

"selectedColor": "#DE533A",

"list": [{

"pagePath": "pages/index/index",

"text": "文章",

"iconPath": "static/nav1.png",

"selectedIconPath": "static/nav1-a.png"

},

{

"pagePath": "pages/message/message",

"text": "消息",

"iconPath": "static/nav2.png",

"selectedIconPath": "static/nav2-a.png"

},

{

"pagePath": "pages/my/my",

"text": "我的",

"iconPath": "static/nav3.png",

"selectedIconPath": "static/nav3-a.png"

}

]

}

}

启动主类

package com.soft1721.jianyue.api;

import com.spring4all.swagger.EnableSwagger2Doc;
import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
@MapperScan("com.soft1721.jianyue.api.mapper")
@EnableSwagger2Doc
public class JianyueApiApplication {

    public static void main(String[] args) {
        SpringApplication.run(JianyueApiApplication.class, args);
    }
}
  1. 运行swagger页面http://localhost:8080/swagger-ui.html，测试登录功能

登录功能前端实现

在HBuilderX中创建uni-app类型的项目，选择默认模板即可
然后建目录结构，如图所示：

  • commons目录放置一些全局配置函数
  • components目录放置封装的组件
  • pages目录放置页面文件
  • static目录放置图片资源

  • style目录放置全局样式文件


    image.png

    pages目录的各个子目录里分别放相应的vue文件


    image.png

    配置pages.json文件如下：
{
    "pages": [
        //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "文章",
                //允许下拉刷新
                "enablePullDownRefresh": true
            }
        },
        {
            "path": "pages/message/message",
            "style": {
                "navigationBarTitleText": "消息"
            }
        },
        {
            "path": "pages/my/my",
            "style": {
                "navigationBarTitleText": "我的"
            }
        },
        {
            "path": "pages/signin/signin",
            "style": {}
        },
        {
            "path": "pages/write/write",
            "style": {}
        },
        {
            "path": "pages/info/info",
            "style": {}
        },
        {
            "path": "pages/setting/setting",
            "style": {}
        }
    ],
    "globalStyle": {
        "navigationBarTextStyle": "black",
        // "navigationBarTitleText" : "简阅",
        "navigationBarBackgroundColor": "#F8F8F8",
        "backgroundColor": "#F8F8F8"
    },
    "tabBar": {
        "color": "#707070",
        "selectedColor": "#DE533A",
        "list": [{
                "pagePath": "pages/index/index",
                "text": "文章",
                "iconPath": "static/nav1.png",
                "selectedIconPath": "static/nav1-a.png"
            },
            {
                "pagePath": "pages/message/message",
                "text": "消息",
                "iconPath": "static/nav2.png",
                "selectedIconPath": "static/nav2-a.png"
            },
            {
                "pagePath": "pages/my/my",
                "text": "我的",
                "iconPath": "static/nav3.png",
                "selectedIconPath": "static/nav3-a.png"
            }
        ]
    }
}

style目录新建style.css全局样式表

* {
    font-size: 14pt;
}

.container {
    width: 95%;
    margin: 0 auto;
}

.avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.list {
    display: flex;
    flex-direction: column;
}

.list-item {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}
.green-btn {
    background-color: rgb(26, 173, 25);
    color: #fff;
}

App.vue文件中引入全局样式表

<style>
 @import 'style/style.css';
</style>

my.vue

<template>
    <view class="container">
        <!-- 顶部头像和昵称区域，纵向排列 -->
        <view class="top">
            <view class="avatar-box">
                <image
                    src="../../static/default.png"
                    mode="scaleToFill"
                    class="avatar"
                    v-if="!storageData.login">
                    </image>
                <image
                    :src="storageData.avatar"
                    mode="scaleToFill"
                    class="avatar"
                    v-if="storageData.login"
                ></image>
            </view>
            <view class="info-box">
                <navigator url="../signin/signin" v-if="!storageData.login">点击登录</navigator>
                <text v-if="storageData.login">{{ storageData.nickname }}</text>
                <navigator url="../setting/setting" v-if="storageData.login">
                    <text class="setting-txt">个人设置</text>
                </navigator>
            </view>
        </view>
        
        <!-- 中间文章数量、好友数量、消息数量等统计区域，横向排列 -->
        <view class="center" v-if="storageData.login">
            <view class="info">
                <text class="title">{{articleCount}}</text>
                <text>文章</text>
            </view>
            <view class="info">
                <text class="title">{{followCount}}</text>
                <text>关注</text>
            </view>
            <view class="info">
                <text class="title">{{messageCount}}</text>
                <text>消息</text>
            </view>
            <view class="info">
                <text class="title">{{integral}}</text>
                <text>积分</text>
            </view>
        </view>
        
        <view class="content" v-if="storageData.login">
            <view class="list">
                <view class="list-item" v-for="(article, index) in articles" :key="index">
                    <text>{{article.title}}</text>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
var loginRes, _self;
export default {
    data() {
        return {
            storageData: {},
            articleCount:10,
            followCount:5,
            messageCount:66,
            integral:100,
            articles:[
                {
                    id:1,
                    title:'第一篇文章',
                },
                {
                    id:2,
                    title:'第二篇文章',
                },
                {
                    id:3,
                    title:'第三篇文章',
                },
                {
                    id:4,
                    title:'第四篇文章',
                }
            ]
        };
    },
    onLoad: function() {},
    onShow: function() {
        const loginKey = uni.getStorageSync('login_key');
        console.log("my-vue page show");
        if (loginKey) {
            console.log(loginKey);
            this.storageData = {
                login: loginKey.login,
                nickname: loginKey.nickname,
                avatar: loginKey.avatar
            };
        }else{
            this.storageData ={
                login: false
            }
        }
    },
    methods: {
        
    }
};
</script>

<style scoped>
.top {
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 100px;
    margin-top: 5px;
}
.avatar-box{
    flex: 1 1 30%;
}
.info-box{
    flex: 1 1 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.setting-txt{
    color: #00B26A;
    margin-left: 15px;
}
.center{
    display: flex;
    justify-content: center;
}
.info{
    flex: 1 1 25%;
    display: flex;
    flex-direction: column;
    text-align: center;
    
    border-right: 1px solid #eee;
}
.title{
    font-size: 14pt;
}
.content{
    margin-top: 20px;
}
</style>

signin.vue

<template>
    <view class="uni-flex uni-column container">
        <input
            class="uni-input"
            type="number"
            placeholder="输入手机号"
            v-model="userDTO.mobile"
            required="required"
        />
        <input
            class="uni-input"
            password
            type="text"
            placeholder="输入密码"
            v-model="userDTO.password"
            required="required"
        />
        <button class="green-btn" @tap="signIn(userDTO)">登录</button>
    </view>
</template>

<script>
export default {
    data() {
        return {
            userDTO: {
                mobile: '',
                password: ''
            }
        };
    },
    onLoad() {
        uni.setNavigationBarTitle({
            title: '登录'
        });
    },
    methods: {
        signIn: function(userDTO) {
            var _this = this;
            // console.log(userDTO.mobile + ',' + userDTO.password);
            uni.request({
                url: 'http://39.96.182.225:8080/api/user/sign_in',
                // url: 'http://172.20.10.4:8080/api/user/sign_in',
                method: 'POST',
                data: {
                    mobile: userDTO.mobile,
                    password: userDTO.password
                },
                header: {
                    'content-type': 'application/json'
                },
                success: res => {
                    // console.log(res.data.data);
                    if (res.data.code == 0) {
                        //将用户数据记录在本地存储
                        uni.setStorageSync('login_key', {
                            userId: res.data.data.id,
                            nickname: res.data.data.nickname,
                            avatar: res.data.data.avatar,
                            token: res.data.data.token,
                            login: true
                        });
                        uni.showToast({
                            title: '登录成功'
                        });
                        uni.navigateBack();
                    }
                    //登录失败，弹出各种原因
                    else {
                        uni.showModal({
                            title: '提示',
                            content: res.data.msg
                        });
                    }
                }
            });
        }
    }
};
</script>

<style scoped>
input {
    height: 50px;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}
</style>

setting.vue

<template>
    <view class="container">
        <view class="list">
            <view class="list-item"><text>文章推送</text></view>
            <view class="list-item"><text>新消息推送</text></view>
            <view class="list-item"><text>个人资料修改</text></view>
        </view>
        <button  @tap="logout" class="green-btn">退出当前账号</button>
    </view>
</template>

<script>
export default {
    data() {
        return {};
    },
    onLoad() {
        uni.setNavigationBarTitle({
            title: '设置'
        });
    },
    methods: {
        logout: function() {
            console.log('log out');
            uni.removeStorageSync('login_key');
            uni.showToast({
                title: '已经退出当前账号'
            });
            uni.navigateBack();
        }
    }
};
</script>

<style>
</style>
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 204,732评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 87,496评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 151,264评论 0赞 338
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,807评论 1赞 277
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,806评论 5赞 368
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,675评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 38,029评论 3赞 399
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,683评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 41,704评论 1赞 299
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1赞 332
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,413评论 4赞 321
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,016评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2赞 350
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2赞 343

推荐阅读更多精彩内容