连接数据库时提示The server requested authentication method unknown to the client -- 修改现有用户ALTER USER 'your_username'@'localhost' IDENTIFIED WITH mysql_native_password BY 'your_password';FLUSH PRIVILEGES;

vscode开启关闭显示内嵌参数名称 提示多了会烦,将下面的勾选取消掉就好了

在unbuntu系统搭建lnmp环境,并配置certbot服务 作为新手来说,在自己的电脑上有小皮面板帮助搭建的集成环境,在服务器上有宝塔面板来搭建环境,这让我们很快能过渡到学习php的阶段,但是回过头来却对如何搭建一个lnmp环境却迷迷糊糊,这篇文章记录一下我是如何搭建的lnpm环境购买服务器这里推荐雨云服务器,1块钱可以试用一天但是一周只能一次哦,自己有服务器的可以划走~最好选上独立IP,这样可以直接解析域名,雨云貌似也有免费域名这里因为我自己有就没有配置Nginx安装在安装 Nginx 前先执行下更新命令sudo apt-get update然后下载安装nginxsudo apt-get install nginx如果遇到 Could not get lock /var/lib/dpkg/lock-frontend 可以重启雨云服务器试试启动nginx服务sudo systemctl start nginx查看nginx版本sudo nginx -v安装执行完之后浏览器打开你解析的域名,出现welcome to nginx代表成功安装PHPsudo apt -y install php-fpm配置Nginx服务找到/etc/nginx/sites-enabled下的default文件将里面的注释改为下图的样子(具体php版本看你装的是哪个)随后在你网站的根目录下创建index.php文件内容随便echo点什么然后启动php服务sudo systemctl start php7.4-fpm修改过nginx配置后都要重启nginx服务,如果遇见问题可以用 nginx -t查看哪里出了问题sudo systemctl restart nginx.service此时打开你的网站应该是你刚才写的index.php中echo的内容配置certbotcertbot官网https://certbot.eff.org///安装certbot sudo snap install --classic certbot //准备certbot命令 sudo ln -s /snap/bin/certbot /usr/bin/certbot //为想要获取证书的网站添加证书 sudo certbot --nginx -d yuyun.ezrayes.com其中会停下来要求你提供一个邮箱,输入后回车就好成功后如图配置mysql//安装mysql服务器 sudo apt install mysql-server sudo apt install mysql-client //执行如下命令检查mysql是否正常运行 sudo service mysql start sudo service mysql status设置外部访问数据库修改MySql配置文件打开MySQL的配置文件 my.cnf（通常位于 /etc/mysql/ 目录下）。找到 [mysqld] 部分，将 bind-address 设置为 0.0.0.0 以允许监听所有IP地址。保存并关闭文件重启MySql在Linux系统上，使用命令 sudo systemctl restart mysql 或 sudo service mysql restart 来重启MySQL服务。创建远程访问用户登录MySQL服务器：mysql -u root -p授权远程访问：GRANT ALL PRIVILEGES ON . TO 'username'@'%' IDENTIFIED BY 'password' WITH GRANT OPTION;刷新权限：FLUSH PRIVILEGES;配置防火墙确保MySQL的默认端口（3306）在服务器的防火墙中是开放的。在Linux上，如果你使用 ufw，可以使用命令 sudo ufw allow 3306/tcp 来开放端口。如果你在云服务器上，确保云服务提供商的安全组规则也允许访问3306端口。可以先创建一下数据库SHOW DATABASES; USE mydatabase; CREATE TABLE employees ( id INT AUTO_INCREMENT, first_name VARCHAR(50) NOT NULL, last_name VARCHAR(50) NOT NULL, birth_date DATE, hire_date DATE, department VARCHAR(50), PRIMARY KEY (id) );

为WSL下Ubuntu22.04系统创建NGINX-PHP环境(LNPM) 首先安装wsl和ubuntu这个应该没有什么坑,不过只能高版本的win10或者win11才能装,我是直接在微软商店里下的,下好WSL后直接在商店里下Ubuntu就好了,这里我选的是Ubuntu22.04(本来是选的Ubuntu18.04,但是关于php的东西死活下载不下来就换了)Ubuntu启动!下载好后,直接在开始菜单点击这个图标就能启动了,第一次启动应该会让你填写账户名密码安装nginxsudo apt update sudo apt install nginx安装完成后你可以使用以下命令启动sudo service nginx startsudo systemctl enable nginx //开机自启nginx sudo service nginx stop //关闭nginx sudo service nginx restart //重启nginx安装完成后，你可以通过访问本地服务器的IP地址或域名来测试Nginx是否安装成功。ip addr show eth0 | grep inet | awk '{ print $2; }' | sed 's/.*\///'这个命令返回虚拟机的ip地址,可以在windows的浏览器中打开,但是一般你输入127.0.0.1或者localhost就能访问,访问后出现下面的内容就代表nginx安装成功你有可能看到的是apache的欢迎页,先不要急,有可能因为nginx指向的index.html内容就是apache欢迎页安装PHP7.4sudo apt-get install php7.4安装成功后安装php的拓展apt-get install php7.4-fpm php7.4-dev php7.4-curl php7.4-bz2 php7.4-mysql php7.4-soap php7.4-zip php7.4-xml php7.4-gd php7.4-mbstring注意在Ubuntu22.04版本中可以直接选择对应版本进行下载,其他版本不知道,尤其是16.04和18.04版本,哪怕是按照网上教的sudo apt-add-repository ppa:ondrej/php 来添加源也不行 查看php-fpm状态,按q退出,看到active(running)就是启动了sudo service php7.4-fpm status代理php项目在/etc/nginx/sites-available文件夹中创建nginx的配置文件名字随便server { listen 80 default_server; listen [::]:80 default_server; # root /var/www/html; root /var/www/eztu/eztu/public; # Add index.php to the list if you are using PHP index index.php test.html index.html index.htm index.nginx-debian.html; server_name wsl.test; location / { # First attempt to serve request as file, then # as directory, then fall back to displaying a 404. # try_files $uri $uri/ =404; if (!-e $request_filename) { rewrite ^(.*)$ /index.php?s=$1 last; break; } } # pass PHP scripts to FastCGI server location ~ \.php$ { include snippets/fastcgi-php.conf; # fastcgi_index index.php; # With php-fpm (or other unix sockets): fastcgi_pass unix:/var/run/php/php7.4-fpm.sock; # With php-cgi (or other tcp sockets): # fastcgi_pass 127.0.0.1:9000; # fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; # include fastcgi_params; } } 生成软连接,如果只在available中生成配置文件的话,nginx是不知道这个配置的,所以需要再enabled生成一个占位符软连接到available中,以下代码会进行软连接并自动生成占位符文件(project是你的配置文件名),如果你使用远程连接等工具查看enabled文件夹下的文件的话,你会发现修改了available中的文件会使enabled的同名文件进行变化sudo ln -s /etc/nginx/sites-available/project /etc/nginx/sites-enabled/project由于项目用的mysql是线上的,所以我没有装mysql,至此LNPM环境算是搭建好了

使用elementui创建一个可展开子项的表格 首先引入样式<script src="public/lib/vue/vue.js"></script> <!-- 引入样式 --> <link rel="stylesheet" href="public/lib/element-ui/lib/theme-chalk/index.css"> <!-- 引入组件库 --> <script src="public/lib/element-ui/lib/index.js"></script><div> <el-table :data="tableData" style="width: 100%" row-key="id" border lazy :stripe=true @expand-change="expandChange" v-loading="loading" size='small'> <el-table-column type="expand" label="" width=""> <template slot-scope="props"> <el-table :data="props.row.child" style="width: 100%" row-key="id" border size='small'> <el-table-column prop="Itemname" label="项目名称"> </el-table-column> <el-table-column prop="Itemresult" label="结果"> </el-table-column> <el-table-column prop="Itemunit" label="项目单位"> </el-table-column> <el-table-column prop="Refrange" label="参考范围"> </el-table-column> </el-table> </template> </el-table-column> <el-table-column prop="patient_name" label="姓名"> </el-table-column> <el-table-column prop="GenderName" label="性别"> </el-table-column> <el-table-column prop="Age1" label="年龄"> </el-table-column> <el-table-column prop="ReportTime" label="报告时间" show-overflow-tooltip> </el-table-column> <el-table-column prop="doctor_inspect_code" label="条码号"> </el-table-column> <el-table-column prop="Barcode" label="千麦条码号"> </el-table-column> <el-table-column prop="mobile_phone" label="病人电话"> </el-table-column> <!-- <el-table-column prop="paper_type" label="报告规格"> </el-table-column> --> <el-table-column prop="inspect_name" label="检测项目"> </el-table-column> <el-table-column prop="TestDate" label="检测时间" show-overflow-tooltip> </el-table-column> <el-table-column fixed="right" label="操作" width="100"> <template slot-scope="scope"> <el-button @click="viewPDF(scope.row.PDF)" type="text" size="small">检验报告</el-button> <!-- <el-button type="text" size="small">编辑</el-button> --> </template> </el-table-column> </el-table> </div> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage1" :page-size="20" layout="total, prev, pager, next" :total=total> </el-pagination> </div><script> new Vue({ el: '#app', //el用于指定当前Vue实例为哪个容器服务，值通常为选择器字符串。 data: { //data中用于存储数据，数据供el所指定的容器去使用。 loading: false, total:100, tableData: [], idCardCode:'' }, mounted() { this.getinfoajaxQM(); }, methods: { getinfoajaxQM(page) { var that = this; that.loading=true $.ajax({ type: 'POST', url: 'index.php?f=report/c_patient_report&c=CPatientReport&m=getinfoajaxQM', data: { pageSeq:page, idCardCode:that.idCardCode }, dataType: 'json', success: function (obj) { that.loading=false that.tableData = obj.data that.total = obj.total }, error: function (xhr, xhrStatus) { }, }); }, expandChange(row){ console.log(row) }, viewPDF(Url){ if(Url) { window.open(Url,'_blank'); } }, handleCurrentChange(val){ this.getinfoajaxQM(val) }, bySearch(){ this.getinfoajaxQM(1) } } }) </script>