Lime

Lime 查看完整档案

广州编辑  |  填写毕业院校Lime Network  |  CEO 编辑 limecho.net 编辑
编辑

I hope you're here for me

个人动态

Lime 赞了回答 · 2020-08-01

解决在使用Element时无法居中卡片组件(元素)

试试将 #app 元素撑开

#app{
    position: relative;
    width: 100%;
    height: 100vh;
    display:flex;
    justify-content: center;
    align-items: center;
}

另外可能会出现的展开元素后页面出现滚动条,尝试设置 body 元素的 marginpadding 为 0px

关注 3 回答 2

Lime 提出了问题 · 2020-07-31

解决在使用Element时无法居中卡片组件(元素)

1,使用技术(产品)
HTML5,Vue,Element
2,问题描述
image.png如图,主卡片无法居中
3,预期结果(期望解决的问题)
使得<div id="app"><el-card class="box-card" style="width:480px;margin:auto;">垂直居中
4,参考资料
Element相关文档
5,已尝试过的解决方案(失败)
(1)

#app{
display:flex;
justify-content: center;
align-items: center;
}

(2)

#app{
position:relative;
.box-card{
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    margin: auto;
    }
}

6,代码(前端HTML)

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Login - Unified authentication for Lime Network users</title>
        <script data-original="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script data-original="https://cdn.staticfile.org/element-ui/2.13.2/index.js"></script>
        <script data-original="https://cdn.staticfile.org/element-ui/2.13.2/locale/en.min.js"></script>
        <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.13.2/theme-chalk/index.css">
    </head>
    
    <body>
        <div id="app">
            <el-card class="box-card" style="width:480px;margin:auto;">
                <p style="text-align:center">Login - Unified authentication for Lime Network users</p>
                <el-form ref="form" :model="form" status-icon :rules="rules" label-position="left" label-width="auto">
                    <el-form-item label="Username" prop="username">
                        <el-input v-model="form.username" prefix-icon="el-icon-user"></el-input>
                    </el-form-item>
                    <el-form-item label="Password" prop="password">
                        <el-input v-model="form.password" prefix-icon="el-icon-lock" show-password></el-input>
                    </el-form-item>
                    <el-form-item label="Remember me">
                        <el-switch v-model="form.remember"></el-switch>
                    </el-form-item>
                    <el-form-item label="Other ways">
                        <el-button type="text" @click="oauth_github()">GitHub</el-button>
                        <el-button type="text" @click="oauth_gitee()">Gitee</el-button>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="submitForm('form')">Login</el-button>
                        <el-button @click="resetForm('form')">Reset</el-button>
                    </el-form-item>
                </el-form>
            </el-card>
        </div>
        <script>
        Script部分省略
        </script>
    </body>

</html>

关注 3 回答 2

Lime 提出了问题 · 2019-08-02

解决私密Api鉴权问题

本Api为Sms发送
前端登录页面用户输入手机号后,通过POST方法发送到后端PHP进行发送短信操作
现问题:
1,如何保证请求一定我的前端页面,而不是来自他人故意伪造,导致Api超量
2,如何防止签名生成、验证算法泄露
3,如何防止用户频繁操作

关注 3 回答 3

Lime 关注了标签 · 2019-03-09

element-ui

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

A Vue.js 2.0 UI Toolkit for Web

https://element.eleme.cn/
https://github.com/ElemeFE/el...

关注 663

Lime 赞了回答 · 2019-02-12

PHP如何解密AES

我就补充下楼上的答案再说几点吧
首先aes是一种对称加密方式 而且加密的方式有很多种
图片描述

当然还有更多 我只是没有截全 当然 最常用的就是aes-128-cbc
_
我不懂js但是从你上述的代码来看 你加密的key为"Lime Website"这个只有12个字节 也就12*8=96个字节 然后从你的js当中我也没看出到底用的是那种加密方法 但是应该是aes-128-cbc 因为你js的解密过程也没iv tag这些 然后字节也没超过128字节

最后我再附上我稍微完整一点的一段代码

$avaMethods = openssl_get_cipher_methods();
//选择加密的方法
$method = 'aes-128-ecb';
if (!in_array($method, $avaMethods)) {
    exit('错误的加密方法' . PHP_EOL);
}

$key = "这里输入加密用的密码";
$data = "加密后的内容";

$decData = openssl_decrypt($data, $method, $key, OPENSSL_RAW_DATA);
echo "解密:" . $decData . PHP_EOL;

关注 3 回答 2

Lime 赞了回答 · 2019-02-07

关于RSA+AES加密(如何在PHP中解密AES)

CryptoJS 在使用 AES 时未指定加密模式时会自动采用方案。

https://stackoverrun.com/cn/q...

解密写法参考

https://github.com/etienne-ma...

在开发过程中,我们始终应该严格的显式的 指定使用的 加密模式填充方式。还应当根据后台语言来调整所使用的填充方式

关注 2 回答 1

Lime 提出了问题 · 2019-02-07

PHP如何解密AES

我的JavaScript加密代码(使用了crypto-js):

            var password_form="QAQ";
            console.log(password_form);
            var password = CryptoJS.AES.encrypt(password_form,'Lime Website').toString();
            console.log(password);

在password传送到后端后,我应该怎么把他通过PHP解密?

关注 3 回答 2

Lime 提出了问题 · 2019-02-06

关于RSA+AES加密(如何在PHP中解密AES)

今天我尝试通过RSA+AES方法来加密传输用户提交的密码,我已经完成了前端JS的编写(代码如下,并附一次运行结果截图,AES,RSA加密的值是会更变的),它使用了两个库,分别是jsencryptcrypto-js,现在,我正在编写后端解密的PHP(代码如下),但是在这过程中我遇到了一点困难,RSA解密部分已经编写完毕并测试无误,但是我不懂得如何编写AES解密部分,即使我已经查阅了许多的资料,他们的例子与我有一些不同,我不懂得如何去使用它(文末我会附上一些例子)。
问题:
1,请问我的JS加密部分是否正确并符合逻辑;
2,请问我应该如何编写PHP AES解密部分;
3,请问我的思路是否正确?
客户端(JavaScript):
AES 加密 原始用户密码
RSA 公钥 加密 AES秘钥
---数据传输---
服务端(PHP):
RSA 私钥 解密 获得 AES秘钥
AES 解密 获得 原始用户密码
再通过加密 原始用户密码 获得 加密用户密码 存储到 数据库 中
我的JavaScript代码:

$(function () {
            //加密部分
            //AES
            var password_form="QAQ";
            console.log(password_form);
            var password = CryptoJS.AES.encrypt(password_form,'Lime Website').toString();
            console.log(password);
            //RSA
            var public_key = $("#inputPublic_key").val();
            console.log(public_key);
            var private_key = $("#inputPrivate_key").val();
            console.log(private_key);
            var encrypt = new JSEncrypt();
            encrypt.setPublicKey(public_key);
            var AES_key = encrypt.encrypt(password);
            console.log(AES_key);
            
            //解密部分(实际应由服务端完成,此处为了方便所以写在这)
            //RSA
            var decrypt = new JSEncrypt();
            decrypt.setPrivateKey(private_key);
            var AES_key_decrypt = decrypt.decrypt(AES_key);
            console.log(AES_key_decrypt);
            //AES
            var bytes = CryptoJS.AES.decrypt(AES_key_decrypt,'Lime Website');
            var password_decrypt = bytes.toString(CryptoJS.enc.Utf8);
            console.log(password_decrypt);
        });

我的PHP代码:

<?php
$private_key = '-----BEGIN RSA PRIVATE KEY-----
MIICXQIBAAKBgQDlOJu6TyygqxfWT7eLtGDwajtNFOb9I5XRb6khyfD1Yt3YiCgQ
WMNW649887VGJiGr/L5i2osbl8C9+WJTeucF+S76xFxdU6jE0NQ+Z+zEdhUTooNR
aY5nZiu5PgDB0ED/ZKBUSLKL7eibMxZtMlUDHjm4gwQco1KRMDSmXSMkDwIDAQAB
AoGAfY9LpnuWK5Bs50UVep5c93SJdUi82u7yMx4iHFMc/Z2hfenfYEzu+57fI4fv
xTQ//5DbzRR/XKb8ulNv6+CHyPF31xk7YOBfkGI8qjLoq06V+FyBfDSwL8KbLyeH
m7KUZnLNQbk8yGLzB3iYKkRHlmUanQGaNMIJziWOkN+N9dECQQD0ONYRNZeuM8zd
8XJTSdcIX4a3gy3GGCJxOzv16XHxD03GW6UNLmfPwenKu+cdrQeaqEixrCejXdAF
z/7+BSMpAkEA8EaSOeP5Xr3ZrbiKzi6TGMwHMvC7HdJxaBJbVRfApFrE0/mPwmP5
rN7QwjrMY+0+AbXcm8mRQyQ1+IGEembsdwJBAN6az8Rv7QnD/YBvi52POIlRSSIM
V7SwWvSK4WSMnGb1ZBbhgdg57DXaspcwHsFV7hByQ5BvMtIduHcT14ECfcECQATe
aTgjFnqE/lQ22Rk0eGaYO80cc643BXVGafNfd9fcvwBMnk0iGX0XRsOozVt5Azil
psLBYuApa66NcVHJpCECQQDTjI2AQhFc1yRnCU/YgDnSpJVm1nASoRUnU8Jfm3Oz
uku7JUXcVpt08DFSceCEX9unCuMcT72rAQlLpdZir876
-----END RSA PRIVATE KEY-----';
$private_key_public_key_availability = openssl_pkey_get_private($private_key);//这个函数可用来判断私钥是否是可用的,可用返回资源id Resource id
$AES_key = "iOks+yhKxQBiqtd5rHQRNdXOGqixhNzquuZuPZ5dDsYfh1nDTLiygukiyexNBqHfmA7zis1nRTZW2Nw4bN5Pr2yCgvh1GPV6K5WigO5jD1+ztuyp1hV5ymNSws6EUPPjW9cwrOpO7EIeiYjvGo7ziyPwsCU0vwtQAkNAFY3uhB0=";
$AES_key_decrypted = ""; 
echo "通过解密后数据:";
openssl_private_decrypt(base64_decode($AES_key),$AES_key_decrypted,$private_key_public_key_availability);
echo $AES_key_decrypted;

JavaScript其中一次运行结果的截图:
截图
一些例子:
https://odan.github.io/2017/0...
https://stackoverflow.com/que...
https://stackoverflow.com/que...
最后感谢大家的回答吖QAQ

关注 2 回答 1

Lime 赞了回答 · 2019-02-06

js设置cookie时,.abc.com这种该怎么设置呢?

location.host

就是自动取的网页 域名

关注 3 回答 2

Lime 回答了问题 · 2019-02-06

解决我在写一个web程序,有些页面需要登录,有些不需要,登录之后我向客户端写入了一个cookie,这个cookie能存id和用户名吗

这应该配合服务器Session进行验证,因为在本地的cookie是可以被随意修改的,在本地不应该储存重要的用户信息(如密码)

关注 4 回答 4

认证与成就

  • 获得 2 次点赞
  • 获得 9 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 9 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2019-01-11
个人主页被 405 人浏览