TP框架准备工作

将tp框架复制到www后的项目目录之后:

  • 配置数据库,(记得prefix前缀别落了配置)
  • 开启控制器后缀'controller_suffix' => true,
  • 配置环境变量,方便使用命令行工具
  • 隐藏入口文件 (搜rewrite去掉#号)
  • 配置虚拟主机
配置虚拟主机步骤:(当然得先开启,然后)
 打开e:/wamp/bin/apache/apache2.4.9/conf/extra/httpd-vhosts.conf文件;将内容全部删除,修改成这样:<br>
(1)没有具体项目的<br>
《VirtualHost 127.0.0.1:80》<br>
DocumentRoot "e:/wamp/www"<br>
《/VirtualHost》<br>
保存!!!然后就可以通过127.0.0.1/[文件夹名称/]文件名.后缀名访问了;<br>
(2)有具体项目的<br>
《VirtualHost 127.0.0.2:80》<br>
DocumentRoot "e:/wamp/www/thinkphp2/public"<br>
《/VirtualHost》<br>
保存!!!这样可以通过127.0.0.2/入口文件访问。<br>
(3)当然,你也可以不要全部删除,复制最后面一个《VirtualHost》...《VirtualHost》里面的内容,修改DocumentRoot和ServerName,将DocumentRoot后面的内容修改成"e:/wamp/www/thinkphp2/public"或者是"e:/wamp/www" ;ServerName修改成你自定义的名字如:hello.com;这时候需要去打开c:/windows/system32/drivers/etc/hosts文件,添加127.0.0.1 hello.com。保存!!!<br>
这样你就可通过hello.com/[文件夹名称/]文件名.后缀名访问了。
注意重启wamp
在ThinkPHP 6(TP6)框架中使用 ECharts 饼图首先需要确保你的项目已经安装了 ECharts 相关的类库或库文件,如果没有安装,你需要先通过 Composer 安装 ECharts 相关的 PHP 扩展库。 安装完成后,你可以按照以下步骤创建饼图: 1. 创建饼图数据模型:通常需要准备一个数组来存储饼图所需要的数据,包括各个扇区的名称和值。 2. 创建视图文件:在 TP6 的视图文件中,你需要引入 ECharts 的 JavaScript 库,并且使用 JavaScript 代码来初始化和配置 ECharts 实例。 3. 编写 ECharts 配置项:这包括定义数据、图表类型、标题、提示框等配置项。 4. 渲染饼图:使用 ECharts 提供的 API 将配置好的饼图渲染到页面上。 下面是一个简单的代码示例: ```php // 在控制器中准备数据 public function getEchart() { $data = [ 'categories' => ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'], 'series' => [11, 12, 13, 15, 16, 17] ]; $this->assign('chartData', $data); return $this->fetch(); } ``` ```html <!-- 视图文件中的代码 --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 引入 ECharts --> <script src="//cdn.bootcdn.net/ajax/libs/echarts/5.3.3/echarts.min.js"></script> </head> <body> <!-- 准备一个具备大小(宽高)的Dom --> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('main')); var option = { title: { text: 'ECharts 示例' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: {{ $chartData['categories'] | json_encode }} }, yAxis: {}, series: [{ name: '销量', type: 'pie', radius: '55%', data: {{ $chartData['series'] | json_encode }}, emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } }] }; myChart.setOption(option); </script> </body> </html> ``` 在上面的代码中,`$chartData` 是从控制器传递到视图的数据,包含了分类和系列数据,然后使用这些数据来初始化 ECharts 饼图。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值